【问题标题】:Is there a paper.js option to draw a path stroke under the fill?是否有一个 paper.js 选项可以在填充下绘制路径描边?
【发布时间】: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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多