我正在从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);
这将在填充下方绘制一个带有笔划的圆,但它需要两个单独的对象。我可以将它们分组,但它仍然比一些原生选项更痛苦。
答案 0 :(得分:2)
没有选项可以在填充下绘制路径描边。 你的方式是绘制它的最佳方法。