What is the "VectorDraw - Paint on Tab" extension and how does it work?
This extension adds a button to your browser's toolbar area. Open a website and then click on the toolbar button to start annotating on the page. When the vector editor is loaded, by default, the "pen" or "brush" tool is selected so you can start writing anywhere on the page without any further action needed. From the left toolbar, you can pick different tools. Except for the "pen" tool, other tools immediately insert a sample object to the center of the page and make the newly selected object active. You can scale this object or move it around or even rotate it to fit your needs. If you need to get rid of an object, first select it then press the "Delete" button. Like any vector editor, you can also select multiple objects and perform actions on all of them. When the drawing is ready, press the "Download" button on the bottom of the toolbar area to capture the screen and save the result in the default download directory of your browser. This extension supports keyboard shortcuts for almost all its actions.
What's new in this version?
Please check the Logs section.
I used the circle tool to insert a circle object. However, I need this circle to be transparent (only borders visible without background color). Is it possible to remove the background color of an object?
First, select the object, then press the "Settings" button. There is a checkbox to make the object transparent. Like any other settings, you can select multiple objects if you need to remove the background color of all of them. If you need to restore the background color, open the settings one more time, and uncheck the transparency setting.
I inserted a rectangular object, and now I need to rotate it. Is it possible to rotate an object?
When an object is selected, there is a pointer on top of the object that can be used to visually rotate the object around its center. If you need a precise angle, select the object and open the setting panel to insert the rotation value.
Is it possible to change the scaling of multiple objects at once?
Use the Shift key while selecting a new object to extend the selection to this object. You will notice a big blue box around all the selected objects. This guiding box can be used to scale, rotate, move the group in batch. Also if the "Delete" button is pressed, all the objects inside the group will be removed.
I accidentally removed an object or modified it. Is it possible to undo?
Similar to any vector editor, this extension supports both undo and redo. You can use the visual buttons or the standard Ctrl + Z for an undo and Ctrl + Y for a redo.
|Copy an object||Ctrl + C or Command + C|
|Paste an object||Ctrl + V or Command + V|
|Delete an object||Delete or Backspace|
|Select the "pen" tool||Ctrl + Shift + P or Command + Shift + P|
|Select the "circle" tool||Ctrl + Shift + C or Command + Shift + C|
|Select the "polygon" tool||Ctrl + Shift + O or Command + Shift + O|
|Select the "line" tool||Ctrl + Shift + L or Command + Shift + L|
|Select the "text" tool||Ctrl + Shift + T or Command + Shift + T|
|bring an object to forward||Ctrl + Shift + ArrowUp or Command + Shift + ArrowUp|
|send and object backwards||Ctrl + Shift + ArrowDown or Command + Shift + ArrowDown|
|Scale an object down||BracketLeft|
|Scale an object up||BracketRight|
|Rotate an object||Comma|
|Rotate an object backward||Period|
|Move an object upward (1px)||ArrowUp|
|Move an object downward (1px)||ArrowDown|
|Move an object to the left (1px)||ArrowLeft|
|Move an object to the right (1px)||ArrowRight|
|Move an object upward (10px)||Shift + ArrowUp|
|Move an object downward (10px)||Shift + ArrowDown|
|Move an object to the left (10px)||Shift + ArrowLeft|
|Move an object to the right (10px)||Shift + ArrowRight|
|Undo the last action||Ctrl + Z or Command + Z|
|Redo the last action||Ctrl + Y or Command + Y|
|Select all objects||Ctrl + A or Command + A|
|Discard selected objects||Ctrl + Shift + A or Command + Shift + A|
|Open settings panel||Ctrl + Shift + S or Command + Shift + S|
|Capture or download tab||Ctrl + Shift + D, Command + Shift + D, Ctrl + S, or Command + S|
|Zoom in||Ctrl + or Command +|
|Zoom out||Ctrl - or Command -|
|Toggle toolbar visibility||Ctrl + Shift + H or Command + Shift _ H|
This extension uses a background color for all objects. I prefer to insert transparent background objects by default. Is it possible to permanently change a configuration instead of changing it for each object?
If no object is selected, and the settings panel is altered, these changes are global and persistent. For instance to have transparent objects globally, uncheck the transparency checkbox when no object is selected.
Is it possible to import images to this editor?
Drag and drop an image file to include it in the view. If the image format is SVG, the extension loads all objects in a selected group. If the format is something else, the extension loads the entire image as a single image object. Note that images are loaded in the default size, if the image is too big since it is selected, press the "BracketLeft" keyboard afterward to scale it down to a proper dimension, also you can press "Ctrl/Command + Shift + S" to bring up the settings panel and adjust the size there.
|Please keep reviews clean, avoid the use of improper language and do not post any personal information.|
|storage||to persist default configurations|
|activeTab||to inject the paint canvas to the active tab|
|notifications||to display warnings|