Javascript 如何使用fabricjs在图像中插入填充颜色

什么fabric.js函数允许在图像中填充颜色

我想加载图像与黑色线条和白色背景的绘画

我有一个输入颜色与不同的颜色为用户添加颜色的图像中的白色部分

另一个疑问是： 如何将图像自动调整为与画布相同的大小

---

要将图像调整为画布的高度和宽度，可以执行以下操作：

fabric.Image.fromURL('http://coloring.thecolor.com/color/images/Fish2.gif', function(oImg) {
  oImg.scaleToWidth(canvas.getWidth());
  //oImg.scaleToHeight(canvas.getHeight());
  canvas.add(oImg);
});

关于填充颜色，到目前为止还没有类似的东西。 有一个removeWhite过滤器可以修改为用另一种颜色替换白色，但这将删除所有白色而不是白色区域

若你们的目标是那个些看起来像儿童彩绘书的应用程序，那个么你们应该尝试使用svg资源并按形状给它们上色。

---

这意味着您必须在将自己的资产用于应用程序之前仔细创建它们。

要将图像调整为画布的高度和宽度，您可以执行以下操作：

fabric.Image.fromURL('http://coloring.thecolor.com/color/images/Fish2.gif', function(oImg) {
  oImg.scaleToWidth(canvas.getWidth());
  //oImg.scaleToHeight(canvas.getHeight());
  canvas.add(oImg);
});

关于填充颜色，到目前为止还没有类似的东西。 有一个removeWhite过滤器可以修改为用另一种颜色替换白色，但这将删除所有白色而不是白色区域

若你们的目标是那个些看起来像儿童彩绘书的应用程序，那个么你们应该尝试使用svg资源并按形状给它们上色。 这意味着您必须在将自己的资产用于应用程序之前仔细创建它们