jquery动态向svg中添加图片image踩坑

最新推荐文章于 2024-08-01 00:26:34 发布

qq_29532651

最新推荐文章于 2024-08-01 00:26:34 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript jQuery

本文链接：https://blog.csdn.net/qq_29532651/article/details/104836465

版权

JavaScript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

jQuery

2 篇文章 0 订阅

订阅专栏

      let img; // img为图片地址base64
      let svgImage = document.createElementNS('http://www.w3.org/2000/svg', 'image');
      svgImage.setAttributeNS(null, 'width', '521');
      svgImage.setAttributeNS(null, 'height', '625');
      svgImage.setAttributeNS(null, 'transform', 'matrix(1 0 0 1 1242.499 218.5)');
      svgImage.setAttributeNS('http://www.w3.org/1999/xlink', 'href', img);
      svgImage.setAttributeNS(null, 'visibility', 'visible');
     $('#my-svg').append(svgImage);  //  #my-svg为svg标签上的id

之前试了在svg内部标签<g></g>中定义id，然后把图片append进去，发现显示不出来。后来在svg标签中append图片进去能正常显示。