Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
自由格式绘图的javascript库_Javascript_Html_Drawing - Fatal编程技术网

自由格式绘图的javascript库

自由格式绘图的javascript库,javascript,html,drawing,Javascript,Html,Drawing,是否有一个javascript库可以让我在网页上绘图,然后保存该绘图的状态 我想用鼠标画一幅2D图像,然后看看如何存储和加载该图像。使用HTML5画布。下面是绘制图像的一个简单示例: 我推荐这本在线书:。如果您想让免费绘图与触摸屏配合使用,我推荐Fabric.js: 代码: var canvas=newfabric.canvas('c1'); canvas.isDrawingMode=true; canvas.freeDrawingBrush.width=5; console.log(

是否有一个javascript库可以让我在网页上绘图,然后保存该绘图的状态


我想用鼠标画一幅2D图像,然后看看如何存储和加载该图像。

使用HTML5画布。下面是绘制图像的一个简单示例:


我推荐这本在线书:。

如果您想让免费绘图与触摸屏配合使用,我推荐Fabric.js:

代码:

var canvas=newfabric.canvas('c1');
canvas.isDrawingMode=true;
canvas.freeDrawingBrush.width=5;
console.log(canvas);

请参见

这是否允许我使用鼠标动态绘制?或者我需要有预定义的形状,它只是加载它?OP希望实际使用铅笔,而不是图像在页面上绘制。相关:
<canvas id="c1" width="100" height="100" style="border:1px solid black;">
</canvas>

var canvas = new fabric.Canvas('c1');
canvas.isDrawingMode = true;
canvas.freeDrawingBrush.width = 5;
console.log(canvas);