https://github.com/azrafe7/webclipelement

Copy highlighted elements as image
https://github.com/azrafe7/webclipelement

Last synced: 26 days ago
JSON representation

Copy highlighted elements as image

• Host: GitHub
• URL: https://github.com/azrafe7/webclipelement
• Owner: azrafe7
• License: other
• Created: 2023-07-10T23:44:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-31T02:31:34.000Z (12 months ago)
• Last Synced: 2024-11-05T13:21:47.606Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 3.21 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# WebClip Element

Take a screenshot of highligthed element.

![screenshot](./webstore_assets/screenshot_01.png "Screenshot")

You can find it here: https://chrome.google.com/webstore/detail/webclipelement/ndkjiolmefobbpbiejfnihoccngfbpjh

# Overview

Click on the extension icon, select an element on the page and click on it.

Voilà... A screenshot of that element will open in a new tab.

Hold SHIFT to clip multiple elements on the page, or press ESC to quit clipping mode.

You can also take a screenshot of the visible page:

right-click on the extension button and select 'Take page screenshot...'.

Now you can also expand/reduce the highlighted element by pressing Q or A respectively (be sure to then press SPACE to take a screenshot of the highlighted element ;).

HOW DOES IT WORK?

Under-the-hood it takes a screenshot of the current (visible) page, and then crops it using position and size of the highlighted element.

Should also work when the browser page is zoomed in/out.

And all happens inside your browser, nothing is sent online (check the code at https://github.com/azrafe7/webClipElement). ;D

Please report issues/feature requests via mail or on the issue tracker at https://github.com/azrafe7/webClipElement/issues

CHANGELOG: https://github.com/azrafe7/webClipElement/blob/main/CHANGELOG.md