В этой статье используется код доски изображений, реализованный HTML5 Canvas для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html> <head> <meta charset = "utf-8"> <Title> demo6: Custom Artboard </title> </head> <body> <canvas id = "canvas"> браузер не поддерживает Canvas <! onclick='linecolor="yellow";'>YELLOW</button><button onclick='linecolor="red";'>RED</button><button onclick='linecolor="blue";'>BLUE</button><button onclick='linecolor="green";'>GREEN</button><button onclick='linecolor="white";'>WHITE</button><button onclick = 'linecolor = "black";'> black </button> <br/> <button onclick = "linw = 4;"> 4px </button> <button onclick = "linw = 8;"> 8px </button> <button onclick = "linw = 16;"> 16px </button> <brbr/> <futnoy onclick = "export ()"/export (> export (> export (); <br/> <img src = "" id = "image_png"> <br/> <script type = "text/javascript"> var canvas = document.getelementbyid ('canvas'); // Получить тег var ctx = canvas.getContext ("2d"); var fillStyle = "Black"; ctx.fillrect (0,0,600 300); var onoff = false; // нажмите тег var oldx = -10; var Oldy = -10; // Установить цвет var lineColor = "White"; var linw = 4; canvas.addeventlistener ("MouseMove", Draw, True); // Mouse Moving Event Canvas.addeventListener ("Mousedown", Down, False); // Mouse Press Event Canvas.AddeventListener ("MouseUp", UP, false); // функция всплывающего события мыши вниз (Event) {onoff = true; OldX = Event.Pagex - 10; Oldy = Event.Pagey - 10; } function up () {onoff = false; } функция Draw (event) {if (onOff == true) {var newx = event.pagex - 10; var newy = event.pagey - 10 ctx.beginpath (); ctx.moveto (Oldx, Oldy); ctx.lineTo (Newx, Newy); ctx.strokestyle = linecolor; ctx.linewidth = linw; ctx.linecap = "round"; ctx.stroke (); Oldx = newx; старый = новый; }} функция copyImage (event) {var img_png_src = canvas.todataurl ("image/png"); // Функции, которые сохраняют артборд как формат изображения document.getElementbyId ("Image_png"). Src = img_png_src; } </script> </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.