vue 在svg中想动态添加image，但是图片显示不出来

Question

vue 在svg中想动态添加image，但是图片显示不出来，麻烦帮我看看到底是哪里的问题

let svgimg = document.createElementNS('http://www.w3.org/2000/svg', 'image');
let item = $("#"+this.parkId)[0]
svgimg.setAttribute('x',item.attributes.x.value);
svgimg.setAttribute('y',item.attributes.y.value);
svgimg.setAttribute('width',item.attributes.width.value);
svgimg.setAttribute('height',item.attributes.height.value);
svgimg.href.baseVal = '../../assets/images/Coordinates.png';

在html中写死<image x="1070.4719" y="811.92291" width="63.530552" height="57.686478" xlink:href="../../assets/images/Coordinates.png"/> 图片是可以正常显示的，但是用jq添加，就显示不出来了

Answer 1

转成base64就可以