Features of our HTML Canvas Editor
The canvas is yours!
Draw anything in any color
and freely express yourself.
Use predefined shapes like rectangles, circles,
or triangles to build charts and diagrams.
Use Lines and Arrows
Make use of lines and arrows to group and
connect various parts of your drawing.
Say what you need to say and add as much text to your drawing as you like. Define size, font, color and border.
Create Custom Shapes
If you want to create your own shapes, our polygon drawing tool has got you covered.
Edit or Erase Anything
Nothing is forever, not even in your drawing. Edit or erase anything, whenever you want.
Set Color, Opacity and Border
Have a great control of the
illustration of your shapes.
Image as Background
Have an image as your background.
You can even crop it while inserting.
Set your background transparent to
draw on your website.
Float your Drawer
Move the canvas on your website. Or align it in your HTML.
Place your Toolbars
Use the toolbars connected to the canvas
(inside or outside) or place them wherever you want.
Configure Default Plugin
Define any plugin to be automatically
selected when starting your drawing.
Insert any image and treat it as you want to enrich your drawings. You can even crop it while inserting.
Need a specific function as a public method?
Format your Text
Use multiline support, font weight, text alignment, text background, and text-decoration to prettify your text.
Works in All Browsers
We’ve worked hard to provide
a great user experience
across all modern browsers.
Ready for Touch
DrawerJs is fully touch-enabled and works
great on tablets and smartphones as well.
Make it yours and tailor colors, fonts,
and appearance to your needs, just as you like.
Zooming and Moving
Zoom into your canvas to
get a detailed view and move the canvas around.
Set your canvas to fullscreen mode
or collapse it entirely.
Want to use a screenshot of your browser’s window as an image or background?
Our upcoming feature will be incredible!
(Coming in Spring 2018)
Save the Canvas
Save the drawn canvas in hidden areas of your page or pass it to your own function.
Export an Image
Automatically create an image from the
contents of the canvas when saving your drawing.
Standalone or Redactor plugin
DrawerJs can be used as an independent
widget or as a plugin for Imperavi’s Redactor.