如何在结构 js 中更改 SVG 图像的颜色 - How to change the color of SVG image in fabric js?

How to change the color of SVG image in fabric js?

本文关键字：SVG 图像颜色结构 js | 更新日期: 2023-09-27

我的画布中有一个SVG图像对象（即汽车.svg），是否可以更改该SVG图像对象的颜色。如何在结构JS中做到这一点？

像这个网站做的那样：鸟类颜色变化

如果可以像这个网站一样更改图像颜色：http://dalidecals.com/Classic-Family-Name-Personalized-Monogram-Wall-Decals-Stickers-Custom.html.知道如何在结构 js 中执行此操作的任何想法。

最近我使用了一个织物 js 过滤器来更改颜色，如果 T 恤或马克杯和......，命名为混合颜色，效果很好。但是当我尝试它不适用于 SVG 图像时，我将其用于 PNG 和 JPG......这是我在 JavaScript 中的代码：

fabric.Image.fromURL(require("../../assets/mockup/100.png"), (img) => {
  canvas.add(img);
  img.scaleToWidth(canvas.getWidth());
  img.scaleToHeight(canvas.getHeight()); var filter = new fabric.Image.filters.BlendColor({
    color: newColor,
    mode: "multiply",
  });
  this.$store.state.mockup.currentImg.filters = [];
  this.$store.state.mockup.currentImg.filters.push(filter);
  this.$store.state.mockup.currentImg.applyFilters();
  this.$store.state.mockup.canvas.renderAll();

以下是 Fabric JS 库中的引用：

类别：混合颜色