css - 我可以使用 Raphael.js 库用 VML 圆替换带有 css 圆 Angular 的 div 吗？

Question

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

Answer 1

这取决于您正在从事的元素。如果您在元素的其他部分使用 Raphael 库，我不明白为什么您不应该使用带圆 Angular 的矩形。

例如:

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)