Paperjs:剪辑两条路径
paperjs: clip two paths
我试图从paperjs中的另一个多边形中排除一个多边形,但似乎不知道如何做到这一点。
var base_points = [[50,50],[100,50],[125,10]];
var clipPolygon = [[50, 50], [100,50], [100,0], [200, 0],[200,300]];
var base = PointsToPath(base_points);
base.strokeColor = "#000";
var clip = PointsToPath(clipPolygon);
clip.strokeColor = "#ff00";
var clipped = base.exclude(clip)
clipped.fillColor = '#00ff00'
我在这里做了一个jsfiddle。
http://jsfiddle.net/thesamprice/9jm896gd/6/似乎paperjs手册说这是可能的
jsfiddle似乎一直在使用旧的paperjs链接,代码按预期工作。
paperjs素描
你可以尝试Paper.js允许的任何布尔运算:
unite(path[, options])
intersect(path[, options])
subtract(path[, options])
exclude(path[, options])
divide(path[, options])
reorient([nonZero[, clockwise]])
这里是一些
相关文章:
- 带有超级下拉菜单的两条水平线
- 为什么我的画布上只显示两条线
- 如何:´postMessage´它能发送两条信息吗
- EmberJS:如何在同一条路径上加载多个模型
- 谷歌地图v3 JS梯度/方向上的多条路径
- 使用 D3 的两条线之间的阴影区域
- 拉斐尔:向每条路径添加文本
- Socket.io 无法连续发送两条消息
- JavaScript - 我想将两条信息分配给一个数组 - 我是否使用多维数组
- 在 javascript 中,对象值中的两条垂直线是什么意思?
- 扭曲拉斐尔的一条“路径”
- 在画布上移动两条以上的箭头线
- 如何使用整数值(不是向量)计算两条线之间的度数
- 试图通过两条线获得自定义和无限的猫头鹰轮播
- 使用 redux-simple-router 导航到另一条路径
- 在SVG路径上生成内阴影效果元素/三角形的两条边
- 两条路径之间最长匹配子路径
- Paperjs:剪辑两条路径
- 向d3添加两条路径
- 制作一个矩形,知道边的两条垂直线(路径元素)的位置