SVGパスをレンダリングせずにポイントを取得できますか？

ブラウザのSVG APIを使用して、パスの 'd'属性だけを使用してSVGパスに沿ったポイントを計算することはできますか？私はReactで作業しており、子要素はパスの中間点がいつでも更新される必要があるが、その点を計算するためにパスがレンダリングされるのを待たなければならないので、ずらしたレンダリングサイクルを防止したい。私にとってSVGパスをレンダリングせずにポイントを取得できますか？

出典

2017-05-08 tcclevela

それは

var p = document.createElementNS("http://www.w3.org/2000/svg", "path") 
 

 
p.setAttribute("d", "M0,0L100,100") 
 
var r = p.getPointAtLength(10) 
 
document.write("x=" + r.x + ", y=" + r.y)

出典

2017-05-08 18:39:32

...パスをレンダリングせずに動作しますうん、私はこれが好き。良いブラウザのサポートは、あなたがそれを完了したらガベージコレクションを取得します。ありがとう！ – tcclevela

SVGパスをレンダリングせずにポイントを取得できますか？

答えて

関連する問題