Javascript 如何简单地将SVG插入HTML5文档？_Javascript_Html

Javascript 如何简单地将SVG插入HTML5文档？

javascript html

Javascript 如何简单地将SVG插入HTML5文档？,javascript,html,Javascript,Html,我写了一个HTML5文档，其中只包含一个SVG元素，效果很好。让我打开文档并将SVG元素剪切到剪贴板中。现在，文档在web浏览器中不显示任何内容。让我在文档中添加一个textArea和一个按钮，这样我就可以在运行时粘贴删除的SVG文本。现在，请告诉我如何编程added按钮的click handler函数，以便动态地将SVG元素的文本（粘贴在added textArea中）恢复到文档中提前谢谢原始HTML5文档的代码如下 <!DOCTYPE html> <html&g

我写了一个HTML5文档，其中只包含一个SVG元素，效果很好。让我打开文档并将SVG元素剪切到剪贴板中。现在，文档在web浏览器中不显示任何内容。让我在文档中添加一个textArea和一个按钮，这样我就可以在运行时粘贴删除的SVG文本。现在，请告诉我如何编程added按钮的click handler函数，以便动态地将SVG元素的文本（粘贴在added 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>


SVG查看器

也许这会有所帮助

使用Javascript动态创建SVG