js提取div内部的svg内容能生成svg文件吗

Foodiegirl_Hui 2015-08-11 04:17:46
图一:


图二:

第一张为操作前的svg文件, 第二张图为合并后svg图,请问能用js提取div内部的svg内容能生成svg文件吗
代码如下:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script src="snap.svg.js"></script>
</head>

<body>
<svg id="svg1" width="100" height="100"></svg>
<svg id="svg2" width="100" height="100"></svg>
<input id="button2" type="button" value="绘制" onclick=" huizi()">
<input id="button" type="button" value="蓝圈圈跑到红圈圈家里蹭饭" onclick="mm()">
</body>
<script type="text/javascript">
function huizi() {
svg1 = Snap("#svg1"), svg2 = Snap("#svg2");
var c1 = svg1.paper.circle(50, 50, 40).attr({
fill: "#f00" // 红色
});
c2 = svg2.paper.circle(50, 50, 30).attr({
fill: "#00f" // 蓝色
}); }

// 事件
function mm(){
svg1.append(c2);
this.value = "蹭饭成功";
}
</script>
</html>
...全文
328 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
顾小林 2015-08-11
  • 打赏
  • 举报
回复
可以的,看一下 Batik jar 看一下基本上就会了

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧