小编use*_*853的帖子

查找平行或偏移 SVG 路径

我需要一个并行的 SVG 路径。我的路径为“M0 0 H50 A20 20 0 1 0 100 50 v25 C50 125 0 85 0 85 z”。令偏移量为 2px。

原始路径 O/P: 路径图像 进一步划分时的路径段:

0:  ["M", 0, 0]
1:  ["H", 50]
2:  ["A", 20, 20, 0, 1, 0, 100, 50]
3:  ["V", 75]
4:  ["C", 50, 125, 0, 85, 0, 85]
Run Code Online (Sandbox Code Playgroud)

有什么算法或方法可以找到各个段或整体的偏移路径吗?

更新图像: 红线代表我需要获取的偏移 SVG 图像。 偏移 SVG 路径示例

javascript math svg polygon

4
推荐指数
2
解决办法
1652
查看次数

如何在 2D 中找到给定 A、B 坐标的平行线

我有 A(x1,y1) 和 B(x2,y2) 坐标。我有线的长度和角度。

我需要找到在特定距离处给出 C(x3,y3) 和 D(x4,y4) 坐标的平行线。它是一条斜线。

任何伪代码或数学公式都可以提供帮助。

例如:给定坐标 A(200,0) B(0,450)。线的角度是 113.962 。线的长度 492.4。

帮我找到距离 A、B 坐标 50 的 C 和 D 坐标。

请找到下面的图片,它是一条带角度的线。

角线

用于查找平行线的更新图像

javascript algorithm math geometry svg

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

将SVG路径转换为多边形坐标

我需要一个函数或插​​件来将SVG路径的路径命令转换为多边形点。

我发现了一个:https : //github.com/Phrogz/svg-path-to-polygons

这里的问题是它不支持A和C之类的弧和曲线。

let pathData = 'M5,15 c5.5,0 10-4.5 10,-10 h10';
let points = pathDataToPolys(pathData, {tolerance:1, decimals:1});
console.log(points);
/*******************************************************************
[
  [ [5,15],[7,14.8],[10.6,13.3],[13.3,10.6],[14.8,7],[15,5],[25,5] ]
]
Run Code Online (Sandbox Code Playgroud)

我的路径为'M0 0 H50 A20 20 0 1 0 100 50 v25 C50 125 0 85 0 85 z'。我需要将其转换为多边形点。

任何帮助或建议,高度赞赏。

javascript svg polygon

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

标签 统计

javascript ×3

svg ×3

math ×2

polygon ×2

algorithm ×1

geometry ×1