JavaScript中的矢量图形？

Question

17

Flash/Flex的一个优点是可以使用矢量图形（SVG），这很好。我做了一些搜索，发现了这个Javascript矢量图形库。它非常简单，但让我想到一个问题：是否有可能在Javascript/HTML中使用像SVG这样的矢量图形文件，或者根本无法做到或做得合理？

- cletus

Flash如何允许使用SVG？你所能做的最好办法是使用Flash编写一个不完整的SVG模拟器。到目前为止，最好的尝试是http://code.google.com/p/svgweb/，但它还没有完全完成。 - Eugene Lazutkin

7个回答

6

我使用过Raphaël Javascript库，效果还不错。目前该库支持Firefox 3.0+、Safari 3.0+、Opera 9.5+和Internet Explorer 6.0+。

- Marc Novakowski

3

同时检查 Canvas 元素参考文献。

- CMS

1

看看Google Closure。在我看来，它的矢量图形支持非常出色。如果您以前使用过Java2D，则应该非常熟悉。

- Rich Apodaca

它能在不支持SVG的浏览器上工作吗？你只需要说goog.createGraphics，它就会决定使用Canvas、SVG还是VML吗？ - Evgeny

@Evgeny，是的 - 它使用VML来检测IE浏览器。 - Rich Apodaca

1

请查看PixelCut的WebCode应用程序。它可以从矢量图生成JS、SVG和HTML代码。 http://www.webcodeapp.com

- user2307029

1

看一下dojox.gfx。我在推荐JavaScript图形教程中发布了更详细的答案，介绍了浏览器中可用的图形选项，包括2D和3D情况。

- Eugene Lazutkin

0

补充一下，一个流行的矢量js库（Raphaël）的创建者加入了Adobe并在此上工作了几年（http://snapsvg.io/）。

虽然最后一个版本是2017年发布的，但它比这里提到的其他库更受关注和更新。希望这能帮助那些正在寻找js中的svg矢量图形库的人。

如果你正在寻找snap的meteorjs构建，可以在这里获得（https://atmospherejs.com/mirageglobe/snapsvgcdn）。

$ meteor add mirageglobe:snapsvgcdn

- mirageglobe

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andy · Accepted Answer

我知道这是一个相当老的问题，但是如果有人遇到这个问题，我认为JavaScript中最令人印象深刻的矢量图形库是Paper.js。

希望这可以帮到您。