Try drawing below (click to reset):
The API for Martin.js is heavily influenced by the popular jQuery library. Given a
<img> element with the id
foo, it can be used by calling
Once it’s been initialized, various photo editing effects can be applied, analogous to Photoshop filters. These include saturation, brightness, opacity, blur, inverting colors, and other effects. These effects can be stacked.
Adjust the levels below:
← Dark | Light →
← Black & White | Vibrant → ← Sharpen | Blur →
Martin can also be used to draw shapes to the canvas, as data-rich elements that can be updated by the developer or the end user. Elements include geometric shapes such as circles, rectangles, lines, and polygons, or text elements.
Martin is interactive, providing a set of event hooks such as clicking on the canvas, hovering over it, mousing over or out, or moving the mouse (as in the above drawing example).
Finally, Martin can be extended – the API provides developers with a means to create “plugins” to store their own effects or elements.
Click to add rainbows, adjust pixelation with the slider below: