Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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_Canvas - Fatal编程技术网

Javascript 用于绘制图像的画布库

Javascript 用于绘制图像的画布库,javascript,html,canvas,Javascript,Html,Canvas,HTML5为使用javascript绘制图像提供了很大的灵活性。我们需要根据用户的输入生成javascript代码,比如10个蓝色的球,5个绿色的正方形和一定的大小。。。。是否有一个库提供适当的Javascript API,以便更容易生成画布以及满足上述要求的Javascript代码?在画布上绘制简单形状、圆圈、矩形等非常简单。它还支持图像导入和操作 例如,显示矩形非常简单: var canvas = new fabric.Canvas('id_of_canvas_element'); var

HTML5为使用javascript绘制图像提供了很大的灵活性。我们需要根据用户的输入生成javascript代码,比如10个蓝色的球,5个绿色的正方形和一定的大小。。。。是否有一个库提供适当的Javascript API,以便更容易生成画布以及满足上述要求的Javascript代码?

在画布上绘制简单形状、圆圈、矩形等非常简单。它还支持图像导入和操作

例如,显示矩形非常简单:

var canvas = new fabric.Canvas('id_of_canvas_element');

var rect = new fabric.Rect({
  top: 100,
  left: 100,
  width: 60,
  height: 70,
  fill: 'red'
});

canvas.add(rect);

看看。

Java API?你是说JavaScript API吗?是的,Java或基于JavaScript的抽象都可以。我以前用过,发现它很有用。+1真棒,刚刚意识到你是fabric.js的作者,非常酷。谢谢你的框架!