绘制图像的画布库

Question

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

- user339108

---

Java APIs？你是指JavaScript APIs吗？ - Matt Ball

是的，抽象化应该没问题。我之前使用过http://code.google.com/p/charts4j/，发现它非常有用。 - user339108

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

请查看演示。

- kangax

---

+1 太棒了，我刚刚意识到你是“fabric.js”的作者，非常酷。感谢您提供这个框架！ - user372551