矢量图形:抚摸路径
Vector Graphics: Stroking a Path
在下图中,我显示了矢量路径的角 A
和 B
;我显示了未应用笔划绘制的路径,以及带有 6px
笔划的相同路径。我们可以看到,对于直线,描边路径与轮廓保持恒定的 6px
距离;但是当到达拐角A
时,为了保持比例,可以稍微增加描边到拐角的距离。
笔划角点的计算算法我想不通;我试图计算传入和传出拐角的轮廓之间的圆心角,但这会扭曲形状。
任何人都可以提供任何有用的资源或建议合适的算法吗?
该算法只是简单地延伸边缘,直到它与下一个笔画边缘相交。
在下图中,我显示了矢量路径的角 A
和 B
;我显示了未应用笔划绘制的路径,以及带有 6px
笔划的相同路径。我们可以看到,对于直线,描边路径与轮廓保持恒定的 6px
距离;但是当到达拐角A
时,为了保持比例,可以稍微增加描边到拐角的距离。
笔划角点的计算算法我想不通;我试图计算传入和传出拐角的轮廓之间的圆心角,但这会扭曲形状。
任何人都可以提供任何有用的资源或建议合适的算法吗?
该算法只是简单地延伸边缘,直到它与下一个笔画边缘相交。