Find, Create and Manage SVG Element

Just list some frequence usage
------------------------------
tspan:
[*] Get by type: var tspans = document.getElementsByTagName("tspan");
[*] Get text: var text= tspan.firstChild.nodeValue;
[*] Create text:
var txt=document.createElementNS('http://www.w3.org/2000/svg','text'); 
var tspan=document.createElementNS('http://www.w3.org/2000/svg','tspan');
var tnode = document.createTextNode("This is the text");
tspan.appendChild(tnode);
txt.appendChild(tspan);

[*] onclick: tspan.setAttribute("onclick", "alert(this.id)");
// TODO: this code does not work in IE.

xlink:href:
[*]Set href attr:
var bg = document.getElementById("ImageId");
var svgNS="http://www.w3.org/2000/svg";
var xlinkNS="http://www.w3.org/1999/xlink";
bg.setAttributeNS(xlinkNS,"href","I.png");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值