WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

js设置svg image,图片无法显示问题解决

更新时间:2021-06-10 10:04 作者:佚名点击:

用setAttribute来设置svg的image的路径,图片无法显示

要用  image.href.baseval  才会有效
 

var svgDoc = document.getElementById("sketchpad");
var imgSVG = document.createElementNS("http://www.w3.org/2000/svg", 'image');
imgSVG.href.baseVal = "img/water.png"; //svg设置image的url图片,要用image.href.baseVal
imgSVG.setAttribute('width', 70);
imgSVG.setAttribute('height', 70);
imgSVG.setAttribute('class', 'equ');
imgSVG.setAttribute('x', "150");
imgSVG.setAttribute('y', "200");
svgDoc.appendChild(imgSVG);

更多相关教程阅读《img src请求后台,加载图片问题(svg不显示)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容