Importing a scene replaces the current scene.The scene or objects can be exported and imported as JSON files.Object styles (color, line width etc.) can be copied to other objects using the copy style button.Nested children inherit the transform of the parents.The text font format is in the same format as in the Canvas API.Curved lines are created by shift+dragging 'handles' from existing lines, and removed again by ctrl+click to delete the handles.

Line dash can be added by inputting the comma-separated numbers in 'Line dash'.Objects higher up in the scene explorer are drawn on top of lower objects. The scene objects are drawn from the top downwards.The editor supports most of the major features of the Canvas API: The exported code is minimalistic and dependency-free, making it easy to just copy-paste into your own code. Nested transforms allows for things such as rotating joints on characters, and nested snapping allows for keeping integer positions even inside rotated and scaled children (a feature I wish Blender supported too). I also wanted some additional features such as nested transformations with grid snapping, as well as the ability to use all the features in HTML Canvas such as curves and dashed lines. While I could use existing vector editors such as Inkscape/Illustrator or Blender to create art for HTML Canvas, I wanted a way to get the art into my games without having to rely on some kind of third-party importer.

I've been working on the editor off and on over the last couple of years, and I've used it to generate art for some of the games over here on itch.io. The editor exports Javascript modules by default. The editor was created specifically for creating vector art for the HTML 2D Canvas API in the form of native Javascript code. Canvas Draw 2D is an online vector graphics editor.

Color line drawing inkscape