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

Javascript 更改加载的源颜色

Javascript 更改加载的源颜色,javascript,canvas,svg,fabricjs,Javascript,Canvas,Svg,Fabricjs,我在画布上创建了一个矩形。创建之后,我使用test.svg更改背景模式。它在工作,这里没有问题。我想做的是改变背景图案的颜色。在svg中,我有一个点。我只想更改svg中的点颜色,而不是像“fill:color”,只是更改点。这可能吗?我找了一些东西,如原色等,但找不到解决办法 var test = new fabric.Rect({ left: 100, top: 100, width: 100, height: 100, }); test.fill = ne

我在画布上创建了一个矩形。创建之后,我使用test.svg更改背景模式。它在工作,这里没有问题。我想做的是改变背景图案的颜色。在svg中,我有一个点。我只想更改svg中的点颜色,而不是像“fill:color”,只是更改点。这可能吗?我找了一些东西,如原色等,但找不到解决办法

var test = new fabric.Rect({
    left: 100,
    top: 100,
    width: 100,
    height: 100,
});


test.fill = new fabric.Pattern({
  source: "test.svg",
  repeat: 'repeat',
});


// add canvas etc here...
// change the color of svg pattern. should be something like test.source.color? 

我从未使用过
fabric.Pattern()
,但我想这只是生成context.createPattern()的另一种方法

为此,必须首先将svg加载到

变色