标签: svg-path

我不知道如何在 JavaScript/Node.js 中创建这个算法，将位图逐像素转换为 svg 路径：

// input
0 0 0 0 0 0 0 0 0 0 
0 0 0 0 0 0 0 0 0 0 
0 0 1 1 1 1 1 1 0 0 
0 0 1 1 1 1 1 1 0 0 
0 1 1 1 0 0 1 1 1 0 
0 1 1 1 0 0 1 1 1 0 
0 0 1 1 1 1 1 1 0 0 
0 0 1 …

我可以完成一个我启动它的路径,它将被视为关闭或是否Z必须使用该命令？

例如,是这样

path d="M150 0 L75 200 L225 200 L150 0" stroke="black" fill="none"

与此相同

path d="M150 0 L75 200 L225 200 Z" stroke="black" fill="none"

或者在第一个和第二个例子中的同一点(150,0)有两个点？

我使用D3.js 绘制了弧线,默认情况下它具有方形末端.

var arc = d3.arc()
    .innerRadius(0)
    .outerRadius(100)
    .startAngle(0)
    .endAngle(Math.PI);
d3.selectAll('svg')
    .append('path')
    .attr('d', function() {
        return arc();
    });

如何在其一端绘制带有V形的弧形.

我有 python 代码来创建一条贝塞尔曲线，我从中创建了一条贝塞尔曲线。

这是我的进口：

import from svgpathtools import Path, Line, CubicBezier

这是我的代码：

    bezier_curve = CubicBezier(start_coordinate, control_point_1, control_point_2, end_coordinate)
    bezier_path = Path(bezier_curve)

我想创建一个组成这条曲线的坐标列表，但我正在阅读的文档中没有一个提供直接的方法来做到这一点。bezier_curve 和 bezier_path 只有起点、终点和控制点的参数。

在 SVG 文件中，我找到了一个如下所示的路径：

<path id="kvg:0548b-s7" kvg:type="?b" d="M65.32,48.38c5.65-0.95,12.61-2.46,18.92-3.42c2.05-0.45,4.13-0.5,6.23-0.13"/>

有人可以解释一下坐标48.38c5.65-0.95和18.92-3.42c2.05-0.45代表什么吗？