SVG image xlink: failed to set href, svgxlink

SVG image xlink: failed to set href, svgxlink

For the company's frequent business needs, we need to mark the region information on the map. Considering the compatibility issue, in actual development, we need to draw map information through raphael. js for related interaction.
Product team colleagues work hard to draw SVG maps, and can configure the relationship between map blocks and the actual region code, which is troublesome. They can use the relevant configuration information tool through AAUTO, written by the IE Kernel
Recently, I actually used node-webkit + A new Project Map configuration that needs to be upgraded + I have read some of the aveon. js, ready to upgrade the configuration tool, this is done after sharing, by the way, share the traps recently filled in

After a long background, go to the topic

SVG image xlink: href setting failed

In practice, when using aveon, an image must be introduced in the SVG node to display points. The image is dynamically modified through the level attribute.

<Image ms-if-loop = "el. shap = 'center' "ms-attr-x =" el. x "ms-attr-y =" el. y "width =" 10 "height =" 10 "ms-attr-xlink: href =" {{el.level?#.png "> <image ms-if-loop =" el. shap = 'center' "ms-attr-x =" el. x "ms-attr-y =" el. y "width =" 10 "height =" 10 "ms-attr-xlink: href =" {{el.level?#.png "xlink: href =" "style =" cursor: pointer; "/>