繁体   English   中英

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

[英]Raphael.js custom element and new type?

我可以使用Raphael.js来自定义元素,例如:arrow,但是我不能更改其类型,因为箭头实际上是路径。下一个代码:

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

这将获得“路径”,如何将类型更改为“箭头”,或其他类型,甚至是“ diamod”或“ obama”?

编辑:这是箭头功能:

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'});
}

我自己找到了该方法,它只是示例,但我走错了路。让我只编辑问题中的函数即可:

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;
}

然后,当获得类型时,它将是“箭头”。

其他类型,就像这样。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM