nosklo
/
DrawOnYourScreen
mirror of https://codeberg.org/som/DrawOnYourScreen
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
322 Commits 6 Branches 20 Tags 1.9 MiB
JavaScript 98.9%
CSS 1.1%
Go to file
abakkk baf5e7c968 hide square area outline 
Hide the square area outline when the drawing area is not reactive.

Fix 58677dc1.
 		2020-10-21 09:33:40 +02:00
data improve icons, minor 2020-09-16 13:42:22 +02:00
locale fix french localization 2020-10-21 09:28:57 +02:00
schemas finish undo/redo rework 2020-10-04 22:48:40 +02:00
LICENSE Add LICENSE 2019-02-24 00:42:23 +01:00
NEWS version -> 9 2020-10-12 11:22:48 +02:00
README.md add some media to the readme 2020-09-27 19:20:38 +02:00
area.js start a new line with "Shift + Enter" 2020-10-12 11:09:20 +02:00
convenience.js init 2019-03-05 12:36:59 +01:00
elements.js fix transformation stopping 2020-10-09 08:48:42 +02:00
extension.js Font size markup bug workaround 2020-10-11 13:09:28 +02:00
files.js fix unsanitized GType names 2020-10-04 10:01:55 +02:00
gimpPaletteParser.js add gpl import 2020-09-22 17:31:48 +02:00
helper.js fix unsanitized GType names 2020-10-04 10:01:55 +02:00
menu.js finish undo/redo rework 2020-10-04 22:48:40 +02:00
metadata.json version -> 9 2020-10-12 11:22:48 +02:00
prefs.js fix unsanitized GType names 2020-10-04 10:01:55 +02:00
shortcuts.js add color picker 2020-09-20 15:40:45 +02:00
stylesheet.css hide square area outline 2020-10-21 09:33:40 +02:00

README.md

Draw On Your Screen

Start drawing with Super+Alt+D. Then save your beautiful work by taking a screenshot.

Features

  • Basic shapes (rectangle, circle, ellipse, line, curve, polygon, polyline, text, image, free)
  • Basic transformations (move, rotate, resize, stretch, mirror, inverse)
  • Smooth stroke
  • Draw over applications
  • Keep drawings on desktop background with persistence (notes, children's art ...)
  • Multi-monitor support
  • Export to SVG

Install

  1. Download and decompress or clone the repository
  2. Place the resulting directory in ~/.local/share/gnome-shell/extensions
  3. Change the directory name to drawOnYourScreen@abakkk.framagit.org
  4. Xorg: type alt + F2 and r to restart gnome-shell
    Wayland: restart or re-login
  5. Enable the extension in gnome-tweaks or gnome-shell-extension-prefs
  6. Super + Alt + D to test
  7. https://framagit.org/abakkk/DrawOnYourScreen/issues to say it doesn't work

Tips and tricks

  • Power is nothing without control:

The Ctrl key provides an extra functionality for each tool.

Range of Ctrl key possibilities

  • Draw arrows:

Intersect two lines and curve the second thanks to the Ctrl key.

How to draw an arrow

  • Duplicate an element:

Hold the Shift key while starting moving.

How to duplicate an element

  • Insertable images:

You can insert images (jpeg, png, svg) in your drawings. By default images are sought in ~/.local/share/drawOnYourScreen/images/ but the location is configurable in the preferences. Another way is to copy-past the images from Nautilus or any clipboard source by using the usual Ctrl + V shortcut inside the drawing mode.

How to add images from Nautilus

  • Eraser and SVG:

There is no eraser in SVG so when you export elements made with the eraser to a SVG file, they are colored with the background color, transparent if it is disabled. See “Add a drawing background” or edit the SVG file afterwards.

  • Screenshot Tool extension:

Screenshot Tool is a convenient extension to “create, copy, store and upload screenshots”. In order to select a screenshoot area with your pointer while keeping the drawing in place, you need first to tell DrawOnYourScreen to ungrab the pointer (Ctrl + Super + Alt + D).

  • Color Picker extension:

If the GNOME Shell built-in color picker is too basic for you, have a look at the Color Picker extension, which let's you select the pixel accurately, preview the color and adjust its values. Once installed and enabled, it will be transparently integrated into DrawOnYourScreen.

Color Picker extension in action