Question

我可以使用Raphael.js自定义我的元素，例如：箭头，但我无法更改它的类型，因为箭头实际上是一条路径。下一个代码：

var ar = Raphael.arrow(...);
console.log(ar.type); //path

这将得到＆＃34;路径＆＃34;，如何将类型更改为＆＃34;箭头＆＃34;或其他，甚至＆＃34; diamod＆＃34;或＆＃34;奥巴马＆＃34;？

编辑：这是箭头功能：

Raphael.fn.arrow = function  (x1,y1,x2,y2,wid,color) {
    color = color || 'blue';
    wid = wid || 3;
    return this.path('M'+x1+','+y1+'L'+x2+','+y2)
        .attr({'stroke':color,'stroke-width':wid,'arrow-end':'block-midium-midium'});
}

Answer 1

我自己找到了这个方法，它是样本，但我的方法出错了。我只是编辑我的问题中的函数：

Raphael.fn.arrow = function  (x1,y1,x2,y2,wid,color) {
    color = color || 'blue';
    wid = wid || 3;
    var ar = this.path('M'+x1+','+y1+'L'+x2+','+y2)
        .attr({'stroke':color,'stroke-width':wid,'arrow-end':'block-midium-midium'});
    ar.type = 'arrow';
    return ar;
}

然后，当获得类型时，它将是'箭头'..

其他类型，就像这样。

Raphael.js自定义元素和新类型？

1 个答案: