我可以使用Raphael.js库用VML圆替换带有css圆角的div吗?

时间:2013-06-02 08:32:03

标签: css3 raphael

现在我刚试过Raphael库,但在我看来,我可以用它来替换圆角的元素,以便在不到9的Internet Explorer版本中获得圆角。我知道还有其他方法可以获得圆角在本机不支持它们的浏览器中。但我想知道使用SVG和VML是否值得。

1 个答案:

答案 0 :(得分:1)

这取决于您正在进行的项目。如果您在项目的其他部分使用Raphael library,我不明白为什么不应该使用带圆角的矩形。

例如:

Ext.onReady( function()
{
    var paper = Raphael(0,0,200,200),
        r     = paper.rect(30, 30, 60, 40, 10),
        t     = paper.text(60, 50, "BLAH");

    r.attr({fill: 'orange', stroke: 'brown'});
    t.attr({fill: 'browm', "font-weight": "bold"});

});  

您还可以看到DEMO

否则,它会占用大量CPU资源。除非你打算使用一些,否则我不建议 要将其放在DIV上,只需使用此代码:var paper = Raphael("div id", 500, 500)