Sketching and painting are an important feature of designers' work. HTML5 will show an infinite future in this respect.
Today, I collected some of the best HTML5 drawing or doodling tools for web designers. Most of these drawing tools are realized by HTML5 Canvas, and some of them are supplemented by Javascript. I think, for every web designer, drawing and sketching are their favorite things in their work.
1.Zwibbler
This tool provides shortcuts to various graphics, a bit like the tool panel of Photoshop. You can drag the graphic shape you want from the toolbar and then modify it on the canvas. Square, circle, dot, line, etc. This amazing HTML5 drawing tool also allows you to configure shadow effects for graphics. Copy, paste, redo, restore and other functions.
2. Graffiti wall
This is a powerful drawing tool realized with pure HTML5. Its interface looks very complicated, because it provides many preset special drawing effects, such as bubbles, deformed characters, hollowing out, braided lines and so on. , very beautiful. If this is not realized by flash, many people may not believe it.
3. hairspring length tester
This is a very interesting drawing tool. I don't want you to use a brush, I want you to set drawing parameters. This tool can draw a regular mathematical model according to your parameters. These patterns may be complicated if they are drawn by hand, but you will get all kinds of amazing patterns by automatically setting conditions and repeating the transformation over and over again. You can set its drawing speed-slow, medium and fast. Set the color and width of the brush.
4. Multi-person sketchpad
This is a Google browser experimental project, and you need to use Google browser to get the best results. This tool is open source, and it uses advanced technologies such as node.js, websocket, three.js, etc. The feature of this tool is to support multi-person distributed painting, and several people who don't know online can create a painting together through it.
5.Bomomo
Bomomo is more like a graffiti tool, which is very entertaining. With it, you can draw colorful and exotic patterns and patterns, and it also provides many preset graffiti tools. Each tool has an animation effect, which allows you to draw pleasing and beautiful patterns happily.
6. Sketch board
This drawing tool looks more like Photoshop. Its toolbar, brushes, color matching tools and history are a bit like Photoshop. Of course, it just looks worthless. It does provide many painting functions that can replace photos. Try it if you don't believe me.
7. Sketch structure
This tool allows you to draw complex structures composed of lines. You can set the density of lines to achieve different effects.
8. Mr Dube's money
The brush of this tool is a bit like a pencil, but it has rough edges and irregular fine hairs. For a person who doesn't know how to draw, it is more suitable to draw abstract paintings. But if put in the hands of experts, I think it can create amazing pencil-style patterns.
9. Bessel brush
This is a drawing tool, which can draw very beautiful Bezier curves. You only need to click and drag a few times, plus your imagination, you can draw creative patterns like the above.
10. Painting toys
This is an excellent HTML5 masterpiece. You can use it to draw fascinating works without losing fun. You can even use it to draw 3D works.