Stavin Li 2017-01-08 07:28 采纳率: 0%
浏览 2884
已采纳

为什么在javascript中动态创建的line标签在svg标签中显示不出来

 <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>
  • 写回答

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 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图，一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。