私はSVGでいくつかの作業を行っており、ゼロから作成することと、JavaScript(d3jsを含む)で生成することの両方を行ってきました。
私が気づいたことの1つは、javascriptで新しい要素を作成するとき、つまり次を使用することです
var pathNode = document.createElementNS(svgns,"path");
var pathElement = svg.appendChild(pathNode);
結果の HTML は<path></path>
. 私は多くの D3 デモをチェックしましたが、これは D3 が HTML を生成する方法でもあります。
私が SVG について読んだすべてのドキュメントで、この方法で SVG 要素を記述することについて言及したことは一度もありません。ブラウザは 2 つを同じように扱いますか? 私がテストしたすべてのブラウザーで、SVG は正しく表示され、W3C バリデーターは両方のバージョンを検証するので、そうであるように見えますが、安心するために誰かこれを明確にしてもらえますか?