用于绘制图像的画布库

Question

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

Answer 1

使用Fabric.js在画布上绘制简单的形状（圆形，矩形等）非常简单。 它还支持图像导入和操作。

例如，显示矩形就像以下一样简单：

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);

看看演示 。