_{Snap.svg demo之}Element.data()

Element.data(key, [value])

类似jQuery中的data, 数据存储与获取。

参数

• key 字符串。存储数据关键字。
• value 任意类型。存储的值。

返回值

如果value指定，则返回元素自身。如果value未指定，则返回的是对应关键字存储的数据。

使用

<svg id="svg" width="100" height="100"></svg>

var svg = Snap("#svg");
var c = svg.paper.circle(50, 50, 40).attr({
    fill: "#f00"	
}).data("author", "zhangxinxu").click(function() {
    svg.paper.text(10, 10, this.data("author"));	
});

效果

点击下面的圈圈显示存储的内容：

生成HTML