Javascript 获取路径的像素坐标
Javascript 获取路径的像素坐标,javascript,svg,Javascript,Svg,svg下的典型path元素如下 <svg width="960" height="960"> <g transform="translate(480,480)"> <path style="fill:none; stroke:#000" d="M69.963,-353.136 L66.190,-341.705 C62.417,-330.274,54.870,-307.412,46.957,-284.620 C39.043,-261.
svg
下的典型path
元素如下
<svg width="960" height="960">
<g transform="translate(480,480)">
<path style="fill:none; stroke:#000"
d="M69.963,-353.136
L66.190,-341.705
C62.417,-330.274,54.870,-307.412,46.957,-284.620
C39.043,-261.828,30.762,-239.107,28.338,-191.600
C25.915,-144.093,29.348,-71.801,1.420,-46.863
C-26.507,-21.924,-85.794,-44.340,-128.969,-48.510
C-172.144,-52.680,-199.207,-38.604,-234.999,-29.311
C-270.791,-20.018,-315.311,-15.509,-337.572,-13.255
L-359.832,-10.100">
</path></g></svg>
现在我需要得到Bézier曲线中像素的坐标。我知道我可以通过Bézier曲线的定义来计算坐标。但是还有其他更方便的方法吗(比如一些现成的例程)?如果不使用定义贝塞尔曲线的公式,我想这是不可能的。任何y点都可能有多个x点,反之亦然。
path.getPointAtLength()
?@JBux我不明白为什么这种“多重对应”会成为一个障碍。我在考虑得到一个二维数组,其中每一行都是曲线上的一个二维点。@pawel谢谢!我认为政府已经为我提供了足够的材料。