Question

我写了一个HTML5文档，其中只包含一个SVG元素。它运行良好。让我打开文档并将SVG元素剪切到剪贴板中。现在，文档在Web浏览器中没有显示任何内容。让我在文档中添加一个textArea和一个按钮，这样我就可以在运行时粘贴已删除的SVG文本。现在请告诉我如何编写添加按钮的单击处理函数，以动态地将SVG元素的文本（粘贴在添加的textArea中）恢复回文档。

提前致谢

原始HTML5文档的代码如下。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>SVG Viewer</title>
</head><body> 

 <svg> 
 <path 
 d="  M 0,0 L 100,100" 
 fill="none"
 stroke="rgb(0,102,153) "  stroke-width="1" />  
</svg>

</body> </html>

Answer 1

也许这会有所帮助。

使用Javascript动态创建SVG

http://xyfer.blogspot.com/2007/12/dynamically-create-svg-with-javascript.html

如何简单地将SVG插入HTML 5文档？

1 个答案: