qq_45623125 2022-09-09 23:54 采纳率: 65.5%
浏览 26
已结题

通过接口获取的svg怎么显示在网页上？

img


通过接口获取的svg怎么显示在网页上？
通过接口获取的svg怎么显示在网页上？
通过接口获取的svg怎么显示在网页上？
通过接口获取的svg怎么显示在网页上？

  • 写回答

1条回答 默认 最新

  • Z_pigeon 2022-09-10 15:19
    关注
    
<!DOCTYPE html>
<html>
<body>
    <div id="test"></div>
</body>
<script>
HTMLElement.prototype.appendHTML = function(html) {
    var divTemp = document.createElement("div"), nodes = null
            // 文档片段，一次性append，提高性能
        , fragment = document.createDocumentFragment();
    divTemp.innerHTML = html;
    nodes = divTemp.childNodes;
    for (var i=0, length=nodes.length; i<length; i+=1) {
        fragment.appendChild(nodes[i].cloneNode(true));
    }
    this.appendChild(fragment);
    nodes = null;
    fragment = null;
}

var svgStr = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /></svg>'
var test = document.getElementById('test')
test.appendHTML(svgStr)
</script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 9月20日
  • 已采纳回答 9月12日
  • 创建了问题 9月9日

悬赏问题

  • ¥15 有偿求苍穹外卖环境配置
  • ¥15 代码在keil5里变成了这样怎么办啊，文件图像也变了，
  • ¥20 Ue4.26打包win64bit报错，如何解决？(语言-c++)
  • ¥15 clousx6整点报时指令怎么写
  • ¥30 远程帮我安装软件及库文件
  • ¥15 关于#自动化#的问题：如何通过电脑控制多相机同步拍照或摄影（相机或者摄影模组数量大于60），并将所有采集的照片或视频以一定编码规则存放至规定电脑文件夹内
  • ¥20 深信服vpn-2050这台设备如何配置才能成功联网？
  • ¥15 Arduino的wifi连接，如何关闭低功耗模式？
  • ¥15 Android studio 无法定位adb是什么问题？
  • ¥15 C#连接不上服务器，