拉斐尔:Chaining;.数据“;到一个拉斐尔.js元素

Raphael: Chaining ".data" to a raphael.js element

本文关键字：js 元素 一个 Chaining 数据      更新时间：2024-07-02

将".data"链接到raphae.js元素时遇到问题。

当我稍后尝试检索数据时，会得到"未定义"。

这是我的小提琴：http://jsfiddle.net/HkNgT/9/

//Draw:
paper.circle(circleCenterX, circleCenterY, circleCenterRadius)
    .attr({'fill':'blue', 'stroke':'red', 'stroke-width':2, 'opacity': 0.8}) 
    .data({"circleCenterX":circleCenterX, 
           "circleCenterY":circleCenterY, 
           "boxYPosition":boxYPosition, 
           "boxXPosition":boxXPosition})
    .id = name+"-circle";
//Output:
    console.log("data is = ", paper.getById(name+"-circle").data("circleCenterX"));

使用此代码，".data（…）"部分只是不起作用。

当我尝试检索它（使用paper.getById）时，它会显示"数据=未定义"。

我尝试过的其他方法：

    //Doesn't work
    paper.circle....
    .data("circleCenterX",circleCenterX)
    .data("circleCenterY",circleCenterY)
    .data("boxYPosition",boxYPosition)
    .data("boxXPosition",boxXPosition);

另一个：

    //Doesn't work
    var c = paper.circle....;
    c.data("circleCenterX",circleCenterX);
    c.data("circleCenterY",circleCenterY);
    c.data("boxYPosition",boxYPosition);
    c.data("boxXPosition",boxXPosition);

另一个：

    //DOES work, but gives me huge performance losses
    paper.circle....;
    paper.getById(name+"-circle").data("circleCenterX",circleCenterX);
    paper.getById(name+"-circle").data("circleCenterY",circleCenterY);
    paper.getById(name+"-circle").data("boxYPosition",boxYPosition);
    paper.getById(name+"-circle").data("boxXPosition",boxXPosition);

有什么帮助吗？

所以，我只是想提供帮助，我以前从未使用过拉斐尔。我想你是想检索circleCenterX值？

检查data函数时，它看起来好像只用于设置值。（如果您正在设置一个值，它只返回一个值）。

function (b,c){
    var d = bb[this.id] = bb[this.id] || {};
    if(arguments.length==1){
        if(a.is(b,"object")){
            for(var e in b)b[g](e)&&this.data(e,b[e]);
            return this
        }
        eve("raphael.data.get."+this.id,this,d[b],b);
        return d[b]
    }
    d[b]=c,eve("raphael.data.set."+this.id,this,c,b);
    return this
}

（事实上，eve是一个事件框架，与Raphael捆绑在一起。有人知道数据从哪里来吗？）

所以这不会有帮助。

在检查圆对象时，我能够看到/拉出一个cx值，我认为它是您要查找的circleCenterX值。。。

var circ = paper.getById(name+"-circle");
console.log("baseVal is = ", circ[0].cx.baseVal.value);
console.log("animVal is = ", circ[0].cx.animVal.value);

提供

baseVal is =  100
animVal is =  100

这就是你要找的吗？

相关文章：