【发布时间】:2017-12-25 08:55:43
【问题描述】:
我正在从 vanilla <canvas> 转移到使用 paper.js 库,我似乎无法复制这种行为。
除了为描边和填充制作两条单独的路径之外,还有什么办法吗?
作为一个非常简单的示例:任何路径都会在填充上方绘制笔触。
let p = new Path.Circle(new Point(0, 0), 1);
p.strokeColor = '#FF0000';
p.fillColor = '#00FF00';
这将在填充上方画一个圆圈。
let p1 = new Path.Circle(new Point(0, 0), 1);
p.strokeColor = '#FF0000';
p.fillColor = null;
let p2 = new Path.Circle(new Point(0, 0), 1);
p.strokeColor = null;
p.fillColor = '#00FF00';
p1.moveBelow(p2);
这将在填充下方绘制一个带有笔触的圆圈,但它需要两个单独的对象。我可以将它们分组,但这仍然比一些本地选项更痛苦。
【问题讨论】:
-
您对 paper.js 并不熟悉。不管怎样,我加了一个。
-
这是一个微不足道的问题,不需要任何代码。这相当于问“定义 js 函数存在哪些符号?”。无需在那里添加代码。只是想检查是否有一些我不知道的未记录参数。这是应该向 Google 提出的问题,只是 Google 没有相关答案。
标签: javascript html canvas paperjs