最广泛支持的(IE + Opera)JavaScript画布/绘图库

时间:2010-12-10 01:14:46

标签: svg javascript raphael

我正在寻找一个投资组合网站,我想在不使用图片的情况下在网站上做一些有创意的绘图。

我认为画布,我认为它很酷,加上一个有趣的项目,然而,我听说IE没有兼容性(是真的吗?)所以我不能拥有它。

然后,我考虑过Raphaël,这似乎是迄今为止最可行的选择。

很高兴,还有另一个我记不起名字的图书馆了,这看起来也不错。

你们怎么看待Raphaël及其整体兼容性,以及它的能力,以及它的能力。我正在浏览文档,我认为它非常强大。

4 个答案:

答案 0 :(得分:2)

您想在网站上绘制矢量图形,还是只发布预制矢量图形?

  • 如果是前者,请查看svg-edit哪些内容可以轻松嵌入您的网站,哪些适用于大多数浏览器(旧的IE版本需要Chrome框架插件,但IE9将受到支持svg-edit 2.6)。

  • 如果是后者那么可能有很多选择,这里有一对我的头脑:

    • 使用SVGWeb - 使用svgboilerplate.com
    • 中的模板快速开始使用
    • 为支持它的浏览器提供svg,为其他人提供静态图像

      < object data =" your.svg" type =" image / svg + xml">< img src =" staticyoursvg.png">< / object>

答案 1 :(得分:1)

那么你可以下载Inkscape并在那里绘制你想要的跨浏览器。 然后转到我的网站(带有工具的页面和下面的说明)并在那里使用SVGTOHTML转换器。 我在每个版本中添加更多内容。 SVG被转移到拉斐尔,你可以选择几种格式。

在输入时,版本为0.57。

http://www.irunmywebsite.com/raphael/svgsource.php

答案 2 :(得分:1)

IE不支持画布是不正确的。 IE9将支持它,这是支持SVG的相同版本。

对于SVG开发,它取决于您想要做什么。对于静态图像,您甚至可以使用Illustrator或Inkscape,然后保存/导出为SVG。如果你这样做,记得使用Scour [0],因为自动生成的标记可能有点夸张。我通常只是手工编写SVG,除非我做一些复杂的事情,在这种情况下最好使用图像编辑器。

虽然没有真正优秀的编辑器来添加动画,所以我总是手动添加动画。像SMIL(用于动画SVG)这样的东西并不难学,但有点冗长。如果你使用SMIL,那么建议使用FakeSMIL,它包含在Erik链接到上面的SVGBoilerplate中,因为有些浏览器缺乏对SMIL的支持。

如果你想使用JS库生成SVG而不是手工编写或使用编辑器,那么Raphaël可能是最成熟的。还有Dojo GFX [1]。哪个最好取决于个人偏好以及您要做的事情。最好用简单的东西试一试,看看你喜欢哪种。

[0] http://www.codedread.com/scour/ [1] http://docs.dojocampus.org/dojox/gfx

答案 3 :(得分:0)

查看SVG Web,它使用Flash在非支持的浏览器中模拟SVG。它是由像Brad Neuberg这样的行业领导者编写的,它不会干扰你想要编写SVG标记的方式,所以当不支持SVG的浏览器消失时,你可以放弃它,你的SVG标记仍然可以工作。使用Raphaël,您必须编写JavaScript代码而不是SVG标记,因此您必须永久使用它,或重新编码图形。此外,Raphaël仅支持SVG和VML之间的最小公分母,因此您无法做多少。它甚至模拟了SVG中的一些VML错误,因此两个图形看起来都是一样的。 Raphaël更适合动态生成的SVG,但对于其他情况,我建议使用SVG Web。