Sketch

Atto ::: atto_sketch

Maintained by

Matthew Davidson

Simple image "paint like" editor for atto.

Latest release: 17 months

1002 sites

261 downloads

36 fans

Current versions available: 2

Download

Description

Adds a simple "Paint" like program to the atto editor. Features include simple shape tools, drawing, typing, colors, undo/redo. Utilizes the open source "Literally Canvas" image editor. http://literallycanvas.com/

Installation

Create the lib/editor/atto/plugins/sketch folder and place all files there. Run through standard Moodle update/install process.

IT IS HIGHLY ADVISED TO CHANGE THE DEFAULT IMAGE SETTING OF THIS PLUGIN FROM INLINE BASE64 IMAGES TO STANDARD MOODLE. SEE https://tracker.moodle.org/browse/MDL-59997

Use

Set cursor in the editor and click the sketch icon. The editor will open full screen. Use a stylus, finger or mouse to create/edit image. Click "Insert Sketch" to add to editor.

* When used with the Quiz essay question type, please be advised that the essay response format must be set to "HTML-Editor with filepicker" for full functionality.

Useful links

Screenshots

Contributors

Matthew Davidson (Lead maintainer)

View other contributions

Please login to view contributors details and/or to contact them

Awards

Comments

Show comments

Shane Leonard
Thu, 4 Feb 2021, 9:25 AM
Hey Matthew, is there a way to set a maxwidth for the img tag that is inserted? Or control the image size itself?
I'd like to use for adding signatures to essays etc, but the image that is inserted is 1280 x 720 and way too large for this use case...
Anirudh Phadke
Sat, 13 Feb 2021, 7:10 PM
I saw a comment about the Sketch icon not visible. Here are my findings:

1. As pointed out earlier, go to /admin/settings.php?section=atto_sketch_settings and check the box "If checked the sketch will be saved as a standard image upload instead of a base64 inline image."

2. However, when you do this, the Sketch icon disappears from the toolbar menu. In the quiz setting--> Response Options, set the Response format as “HTML editor with file picker” instead of “HTML editor” and it should work well.

I am on Moodle 3.9 and tested this on Firefox.

@Matthew: Any plans to upgrade the plugin to 3.10?
Nicholas Fahey
Wed, 18 Aug 2021, 11:42 AM
This is great! But I cannot use it with my k-12 students. Is there a way to turn safe search on for the pixelbay image search or disable the button?
Matthew Davidson
Wed, 18 Aug 2021, 8:59 PM
@Nicholas Fahey In sketch/css/layout.css add the following:

span#media {
display: none;
}
Roberto Catanuto
Fri, 3 June 2022, 7:56 PM
Does it work with Moodle 3.9.8 and following?
Roberto Catanuto
Thu, 9 June 2022, 5:32 PM
I just installed it, but when I preview the question, I can't seem to find the Sketch Icon. Am I supposed to do anything else beyond installing this plugin, to make it working ? Thanks
Matthew Davidson
Thu, 9 June 2022, 8:54 PM
@Roberto Catanuto You must also add "sketch" to the list of plugins added into each text editor.
Roberto Catanuto
Fri, 10 June 2022, 6:11 PM
@MatthewDavidson yes I already did it.
In this page https://personal-site.org/admin/settings.php?section=editorsettingsatto, I added the line "sketch = sketch".
I can see the plugin's icon in the following boxes of the question editing page: "Question text", "General feedback", "Grader information". It is not visible in "Response template" and more importantly in the preview of the question that will be shown to students.
Roberto Catanuto
Fri, 17 June 2022, 6:23 PM
@Anirudh-Phadke your suggestion works. Thanks. Anyway, when I give students a question with a response template having a background picture, Sketch refuses to save the picture after the students edited it. Any ideas ?
Matthew Davidson
Fri, 17 June 2022, 8:37 PM
I've just tested and it worked for me. Can you tell me the image type (jpg, png, gif) and the size of the template (height and width)?
Al Metcalfe
Mon, 27 June 2022, 5:42 AM
Hi, please could you update the supported version number for moodle to moodle 4. This means that each week when we update moodle, the extension will automatically install. Currently, you have to install it manually which takes time. Thank you so much.
Roberto Catanuto
Thu, 30 June 2022, 9:05 PM
@Matthew
image type : .jpg
dimensions : 709 × 620
browser : Chrome latest on MacOS 11.6.7

BTW: I'm subscribed to this thread but I don't receive notifications
Erbil Yilmaz
Wed, 22 Feb 2023, 4:26 AM
Hello,
I tried sketch on the iPad but could not use several functions like the eraser. Is it possible to draw on a background image?

Thanks!
Matthew Davidson
Wed, 22 Feb 2023, 5:26 AM
@Erbil Yilmaz I just tested it on an iPad, it does work, however when wanting to open an image I have to put the cursor beside the image instead of selecting the image. I'll try to look into IOS compatibility issues like this.
Vladimír Výboh
Tue, 20 May 2025, 4:24 PM
Click "Insert Sketch" - not working / Moodle 4.5