在svg文件裏定義控件,帶參數,而後引用。javascript
若是是 text 且沒有爲其它添加默認值,那麼會報錯。java
即,app
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0,0,200,200">
<g>
<circle r="100" cx="100" cy="100" style="fill:blue"/>
<text x="50%" y="50%" alignment-baseline="middle" text-anchor="middle" content-value="param(key)"/>
</g>
<script type="text/javascript" xlink:href="lib/param.js" />
</svg>
調用這個文件時會報錯。緣由就是text 沒有賦默認值。svg
修改 param.js 的148行爲:xml
if (el.firstChild){
el.replaceChild( document.createTextNode( newVal ), el.firstChild );
}else{
el.appendChild(document.createTextNode(newVal));
}
便可ip