星空网 > 软件开发 > 网页设计

SVG image xlink:href 设置失败

  公司比较频繁的业务需求,需要在地图上面,标注地区的信息,考虑到兼容性问题,在实际开发中是通过raphael.js绘制地图信息,进行相关交互

产品部门同事辛苦的画SVG地图,可配置地图块与实际地区code之间的关系,又比较麻烦,就可了相关配置信息的工具,通过AAUTO,IE内核写的

最近实际使用了下node-webkit + 有新项目地图配置需要升级 + 看了些avalon.js,准备升级下配置工具,这个等完成了分享下,顺便分享下最近填过的坑

  扯了半天背景,进入正题

  SVG image xlink:href 设置失败

  实际是在使用avalon的时候, SVG节点内需要引入图片,用作点的显示,通过level属性,动态修改图形

  

<image ms-if-loop="el.shap == 'centre'" ms-attr-x="el.x" ms-attr-y="el.y" width="10" height="10" ms-attr-xlink:href="{{el.level}}.png"  />

  在修改level值后没有任何反映,查了半天资料未果,最后试了下,发现是xlink:href在一开始需要有相关默认值,在模版生成节点的时候其实是没有这个属性的导致的,所以手动添加了xlink:href属性

<image ms-if-loop="el.shap == 'centre'" ms-attr-x="el.x" ms-attr-y="el.y" width="10" height="10" ms-attr-xlink:href="{{el.level}}.png" xlink:href="" />

 




原标题:SVG image xlink:href 设置失败

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

3点分析帮你把握2019跨境电商趋势行情:https://www.ikjzd.com/articles/22598
亚马逊无货源的8大优势,你知道吗?:https://www.ikjzd.com/articles/22599
亚马逊刷单黑科技落寞,我们还有哪些第三方工具:https://www.ikjzd.com/articles/226
2019淘宝政策收紧,上万家店铺被限制,亚马逊会是新出路吗?:https://www.ikjzd.com/articles/22600
论坛营销怎么做?论坛营销手法详解:https://www.ikjzd.com/articles/22601
亚马逊跨境无货源模式有什么优势?:https://www.ikjzd.com/articles/22602
零售晚报:丽人丽妆2023年扭亏为盈 玉容初、美壹堂等自有品牌增速超40% :https://www.kjdsnews.com/a/1836649.html
房山哪有好玩的地方:https://www.vstour.cn/a/366174.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流