繁体   English   中英

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

[英]How to simply insert an SVG into an HTML 5 document?

我写了一个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>

也许这会有所帮助。

使用Javascript动态创建SVG

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM