Paper.js:can't设置符号实例的fillColor

Paper.js: can't set fillColor of a symbol instance

本文关键字：符号 设置 实例 fillColor js can Paper      更新时间：2023-09-26

我是paper.js.的新手

对于这个项目，我需要一个将在许多情况下使用的形状（具有不同的填充颜色），所以显然最好使用符号（而不是使用Path.clone（）方法）。但是，一旦我将符号实例化为placedSymbol，更改fillColor属性似乎对渲染的形状没有影响：它仍然是符号的初始颜色。

其他特性（如位置或不透明度）已成功设置。

我的问题是：如何更改符号的每个实例的填充颜色？

jsFiddle在这里：http://jsfiddle.net/GlauberRocha/uTskY/（注意，我已经把所有的代码都放在HTML窗格中了。否则似乎不起作用，可能是因为paperscript不是纯javascript）。

纸质代码：

var
  path = new Path(),
  symbol = {},
  inst = [],
  colors = ["#1f8f81", "#c7c5a8", "#1b4a9f", "#d6a493", "#1a8879", "#599ce3", "#1a459c", "#b9a87a", "#365db2", "#2479d4", "#a46430", "#1b449a", "#a4632e", "#1a4297", "#3359ad", "#b1852b", "#1a8077", "#1b3849", "#ae832a", "#186cc9", "#1b8178"]
path.add(new Point(0, 56), new Point(56, 0), new Point(56, 40), new Point(0, 96));
path.fillColor = "red";
path.closed = true;
symbol = new Symbol(path);
path.remove();
for (var i = 0; i < 20; ++i) {
  inst[i] = symbol.place();
  inst[i].fillColor = colors[i]; // Change fill color : NO
  console.log(inst[i].fillColor); // But... the correct color value appears here
  inst[i].opacity = (i / 30) + .4; // Change opacity: OK
  inst[i].position.x = 100; // Change position: OK
  inst[i].position.y = 42 * i + 50;
}

由paper.js团队的Jonathan Puckey回答：

这是经过设计的。不能更改符号的实例。要更改项目的颜色，可以创建使用CCD_ 1对路径进行多个拷贝。

$("#symbol_id").find("g").attr('fill', "#colorOfChoice");

Alt，设置要更改的g:s的ID和

$("#symbol_id").find("#g_id").attr('fill', "#colorOfChoice");
相关文章：