3

javascript を使用してページ内で SVG をレンダリングする簡単な方法はありますか? 私がやりたいことは、ユーザーが SVG を入力してページにレンダリングするボタンをクリックできる大きなテキストエリアを設定することです。

4

2 に答える 2

6

DOM を使用して、HTML に SVG 要素を作成できます。

于 2008-12-29T06:48:23.547 に答える
1

コード サンプル (入力済み、検証なし):

<textarea id="入力"></textarea>
<button onclick="fPreview()">プレビュー</button>
<div id="出力"></div>

<script type="text/javascript">
関数 fPreview() {
    var oInput = document.getElementById("入力");
    var oOutput = document.getElementById("出力");
    // プレビュー領域を消去
    if (oOutput.firstChild)
        oOutput.removeChild(oOutput.firstChild);
    // テキストを解析して DOM に変換し、プレビューで表示します
    var oSVGInput = new DOMParser().parseFromString(oInput.value, "text/xml");
    if (oSVGInput.documentElement)
        oOutput.appendChild(document.importNode(oSVGInput.documentElement));
    そうしないと
        oOutput.appendChild("不明なエラー");
}
</script>
于 2008-12-31T10:08:14.580 に答える