<html>
<head>
<title></title>
</head>
<body>
<svg width="500" height="400">
<line x1="5" y1="5" x2="250" y2="200" style="stroke:black; stroke-width:1px;" />
</svg>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
var line = $('<line x1="5" y1="5" x2="4250" y2="400" style="stroke:black; stroke-width:1px;" />')
line.appendTo($('svg'))
</script>
</body>
</html>
为什么在javascript中动态创建的line标签在svg标签中显示不出来
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答
- Stavin Li 2017-01-08 07:34关注
svg是xml文档,html的xhtml文档,两种格式从理论上来讲是不一样的,所以直接用js操作html的语法应用到svg,是不起作用的。即使使用appendChild等语法也不会显示出来。
可以使用innerHTML的做法,将svg字符串拼到你的容器上。function svg(tagName) { return $(document.createElementNS("http://www.w3.org/2000/svg", tagName)); }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作