11

SVG 要素を含む HTML5 ページがあります。SVG ファイルを読み込み、そこからいくつかの要素を抽出し、スクリプトを使用して 1 つずつ破棄したいと考えています。

jQuery を使用して SVG ファイルを正常にロードし.load()、DOM 内に SVG ツリーを挿入しました。しかし、要素を操作するためにsvg.jsを試してみたいのですが、ドキュメントでは、オブジェクトを取得する既存の SVG 要素を使用してライブラリを初期化する方法が見つかりません。

アイデアは、ロードされた SVG 要素にアクセスし (または svg.js ライブラリで直接ロードし)、単一のオブジェクトを別の要素にコピーして、必要な場所に移動することです。これを行う方法？

4

3 に答える 3

14

svg.import.js プラグインを確認する必要があります

ドキュメントによると...

ID を持つすべてのインポートされた要素が保存されます。import メソッドによって、格納されたすべての要素を含むオブジェクトが返されます。

var rawSvg = '<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg [...]>"';
var draw = SVG('paper');
var store = draw.svg(rawSvg);

store.polygon1238.fill('#f06');
于 2013-04-10T00:51:25.157 に答える