小编Ent*_*aro的帖子

Paper.js从一条路径绘制多条平行路径

我试图基于一组坐标绘制多个并行路径,如下例所示:

在此输入图像描述

我根据一组段创建了我的路径,然后我克隆了五次,并以这种方式翻译:

var myPath;
var lineData = []; // Long array of segments
myPath.segments = lineData;

for (var i = 1; i < 5; i++) {
    var clone = myPath.clone();
    clone.translate(new paper.Point(0, i*5));
}
Run Code Online (Sandbox Code Playgroud)

这是我得到的结果:

在此输入图像描述

我希望线条完全平行,但距离总是不同的,它们有时会重叠.有没有办法解决它或者我应该尝试不同的方法来创建这种曲线?

javascript canvas paperjs

2
推荐指数
1
解决办法
1082
查看次数

标签 统计

canvas ×1

javascript ×1

paperjs ×1