使用回调函数创建 raphael 时获取纸张对象

Question

您好，我是 raphael 的初学者，有疑问。 每当我使用回调函数（如下所示）创建一个 raphael 对象时，调用都不会返回纸质对象。

var w = 1000;
var h = 400;
var paper = Raphael('svgContainer', w, h, function(){
    console.log('callback');
});
paper.setViewBox(0,0,w,h,true);

为什么使用回调函数时paper没有返回raphael对象？

https://dmitrybaranovskiy.github.io/raphael/reference.html#Raphael

每当我使用回调函数时，paper.setViewBox 都会失败，因为 paper 是 eve 的某种 On() 事件函数。

它可以在没有回调的情况下工作。

var paper = Raphael('svgContainer', w, h);

这里是关于这个问题的小提琴： jsfiddle.net/svb0y2un/

Answer 1

我不太确定您的意图代码无效，因为您在回调之外发出警报，因此可能未定义纸张（因为之后可能会调用回调）。

我“认为”您需要了解回调函数是作为函数的“上下文”传递给纸元素的。这意味着它将被传递到回调中的“this”变量中。因此，例如，这应该可以工作....

var paper = Raphael('svgContainer', w, h, function(){
    console.log('callback');
    alert('working typeof of paper: '+typeof(this));
    this.setViewBox(0,0,w,h,true);
});

jsfiddle