是否有paper.js选项在填充下绘制路径笔划?

时间:2017-12-23 17:18:37

标签: javascript html5 canvas paperjs

我正在从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);

这将在填充下方绘制一个带有笔划的圆,但它需要两个单独的对象。我可以将它们分组,但它仍然比一些原生选项更痛苦。

1 个答案:

答案 0 :(得分:2)

没有选项可以在填充下绘制路径描边。 你的方式是绘制它的最佳方法。