公司比較頻繁的業務需求，需要在地圖上面，標注地區的信息，考慮到兼容性問題，在實際開發中是通過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" style="cursor: pointer;" />
在修改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="" style="cursor: pointer;" />