Question

我有一个返回一串svg代码的Web服务。我的问题是，我不知道该怎么做。我之前从未使用过SVG。我的问题是：

SVG是否得到了常见浏览器的强大支持？
如何实际显示SVG代表的图像？

Answer 1

除了IE之外，几乎所有主流浏览器都支持SVG，但也可以使用一些插件进行渲染。 IE呈现VML

我建议使用RaphaelJS http://raphaeljs.com/reference.html#image

编辑：

var r = Raphael("holder", 600, 540); //"holder" is the id of an empty div in html file 
r.image("lion.svg", 140, 140, 320, 240);// r.image(src,x,y,width,height)

Answer 2

Svg是XML的规范。大多数现代浏览器都可以直接显示它，但Internet Explorer不能。

我建议将所有svg内容包装在svgweb中，这是围绕svg代码的薄层。如果用户使用的是标准兼容浏览器，则会正常显示svg。否则，它会将其转换为Flash内容。

Answer 3

从HTML5开始，您可以将SVG直接嵌入HTML文档中。除了Internet Explorer之外，所有主要的现代浏览器都支持此功能。您可以使用HTML画布概念（如图所示here）

但是，由于你很可能无法让IE人离开，你可以选择显示的三个遗留选项之一here

Answer 4

大多数最先进的浏览器都支持SVG，但很少有使用过的浏览器（例如Internet Explorer 7）失败。因此，为了完美兼容，您应该坚持使用gif，jpg或png格式。在此处测试您自己的浏览器：http://alphanemoon.com/2008/artikel/inline-svg-browser-test.xhtml

以HTML格式显示SVG

4 个答案: