使直线遵循形状的轮廓
Make line follow contour of shape
本文关键字:轮廓 更新时间:2023-09-26
我正在开发一个基于矢量数据并使用各种布尔运算的应用程序。对于这些布尔运算,我使用了一个叫做clipper的库。现在我需要做一个矢量操作,我不确定如何在Clipper中做。我有一条直线,由两个点组成,这两个点总是在一个封闭多边形内。我的意思是下图。绿线是闭合多边形,红线是直线。当红线在绿色多边形外时,它需要沿着绿色多边形的轮廓移动。
我不知道如何存档。任何关于如何使用clipper或其他库做到这一点的建议将非常有帮助!
我不知道clipper,但我见过在矢量图像周围使用虚线的例子。
方法非常简单。假设您的线条是图像边界周围"虚线"的一部分。为了使它看起来只存在一行,每个破折号之间的空格必须至少等于或大于full_perimeter - dash_size
。
在本例中,移动将通过在offset
上的迭代生成,其中绘制破折号以使其在图片中移动。
相关文章:
- 使用随机用户生成器创建具有angular.js的轮廓
- 使用css3在图像上生成轮廓效果
- 使用画布在轮廓透明图像后面绘制笔触
- 在鼠标移动时将元素限制为圆形容器轮廓
- 如何为注册表单创建圆形轮廓仪表
- Javascript-文本区域上缺少输入的红色轮廓
- 如何绘制圆形轮廓的百分比
- 以编程方式设置在锚点上时,焦点轮廓不显示
- 在three.js中勾勒出一个三维对象的轮廓
- 鼠标焦点上没有轮廓,但键盘焦点上仍然有轮廓
- 有没有一种方法可以用Js绘制svg元素的轮廓
- 在MouseLeave JQuery上清除轮廓
- jQuery UI:在firefox中拖动时,可拖动的父轮廓会发生变化
- Jquery移动导航条轮廓/边框颜色
- 使用jquery检查元素是否聚焦(周围有轮廓)
- 用D3创建世界轮廓图
- 如何删除所有输入轮廓
- 在JavaScript中获取HTML节点的形状/轮廓
- 获取2D画布的轮廓面积
- JavaScript的setInterval的轮廓颜色闪烁不工作后,第一次改变颜色