SVG for Vectors的使用及其与浏览器的兼容性

文章/答案/技术大牛

发布

2回答

html、css、svg、vector、cross-browser

我正在设计一个网站，我有一些矢量(风景的彩色矢量)。由于浏览器的兼容性，我一直对使用SVG感到担忧。就像我们在2020年一样，SVG现在是否完全支持所有浏览器(web、移动)中的所有细节？或者仍然只处理那些没有太多细节的基本向量？对于一个将被广泛使用的网站，无论是通过网络还是移动设备，我应该相信它吗？还是坚持使用JPG / PNG更好？

浏览 19提问于2020-11-27得票数 0

回答已采纳

1回答

SVG/VML浏览器兼容性表

javascript、svg、raphael、vml

我感兴趣的是找到一个浏览器兼容性表，其中列出了每个版本的Opera、Safari、Chrome、Firefox和Internet所支持的SVG/VML的各个部分，这也是的精髓所在。我已经为SVG找到了以下两个兼容性表，但它们都没有提供足够的细节：第一个链接中的信息似乎与这样的库发生冲突，后者声称完全支持火狐、3.0+和Safari

浏览 1提问于2011-05-07得票数 7

1回答

是否可以使用JS或jQuery来测试是否支持SVG图片？

javascript、jquery、internet-explorer、mobile、svg

我在一个网站上使用SVG徽标，它在大多数浏览器中都工作得很好。但是，在某些IE版本和移动浏览器上，图像显示为失败的图像框。有没有什么办法可以使用JS或某个库(最好是jQuery)来检查与SVG的兼容性，并且只需切换到.png版本的图像？网站是这样的：，而SVG图像是蓝色的小地球

浏览 3提问于2012-12-22得票数 6

1回答

在IE8上显示样例d3图形条形图的问题

ruby-on-rails、svg、internet-explorer-8、cross-browser、d3.js

我复制了屏幕教程中的示例代码，并将同样的代码放在我的应用程序中。基于 of d3，我尝试在Rails应用程序和中包括(aight.js和aight.d3.js)。据我所知，aight.js在WRTIE8浏览器的功能上可能有有限的支持。是因为这个原因，我的d3图形没有出现在IE8上，并显示在其他浏览器上，还是与我的代码有关？我的在github上。

浏览 2提问于2013-08-28得票数 0

回答已采纳

3回答

我是否应该先用一个浏览器构建一个网页，然后检查它与其他浏览器或其他浏览器的兼容性？

cross-browser

当涉及到针对多个浏览器及其后续版本检查应用程序的兼容性时，最佳实践是什么？专业人士是做什么的？感谢你的帮助

浏览 0提问于2011-03-30得票数 1

回答已采纳

2回答

@字体-face，提供多个选项的意义是什么？

ruby-on-rails、html、css、ruby-on-rails-4

例如，我曾见过设计师所做的事情： font-family: 'ProximaNovaRegular'; url("<%= font_path('proximanova-regular-webfont.svg<

浏览 3提问于2014-02-28得票数 0

回答已采纳

1回答

ASP.NET网站在IE10上看起来不一样

c#、asp.net、css、vb.net、visual-studio

我有一个asp.net网站，它看起来不错，正如它应该，在IE9以及最新版本的火狐和Chrome。点击IE10的“兼容性按钮”没有帮助。字体大小可能会恢复正常，但也会出现其他问题，如图像或菜单不合适等。我尝试过重写兼容性模式，但没有结果：我还能做什么？编辑：找到

浏览 2提问于2012-11-21得票数 0

回答已采纳

1回答

来自svg对象的href链接

php、svg

我创建了带有文本“我的文本”的SVG矩形。我想添加可点击的链接到文本“我的文本”使用href属性(或其他东西)重定向站点到另一个php文件。但是，我总是只得到带有文本“我的文本”没有链接的矩形。 echo "<svg width='1100' height='1620'>"; echo "<rect x='4

浏览 2提问于2016-11-12得票数 0

回答已采纳

1回答

检测浏览器是否支持google图形

javascript、html、browser、graph

昨天，当我运行opera时，我的网站上的一些谷歌图表出现了问题。我得到的错误是“您的浏览器不支持图形”。今天，它绝对是好的，事实上似乎运行得更快了一点。我希望在我的javascript中有一个备份，这样如果它不受支持，我将只显示一个表。有没有这样的方法可以做到这一点，或者我需要检查进入的浏览器列表，并弄清楚它自己？

浏览 2提问于2011-08-24得票数 0

回答已采纳

2回答

什么是SVG* (Scalable Vector Graphics)支持的浏览器？*

svg

我需要SVG支持的浏览器列表，如果SVG在实时有任何其他问题。我计划在我的项目中使用SVG来绘制图表。

浏览 1提问于2010-09-07得票数 4

回答已采纳

1回答

RaphaelJS -与传统的SVG和CSS3相比的好处

javascript、css、svg、raphael

我希望在一个网站上做一些动画，并希望使用SVG图形。CSS3：传统上用于sprite/png

浏览 2提问于2015-06-01得票数 3

1回答

可伸缩矢量图形( Scalable Vector Graphics，SVG)图像和jpeg图像之间的区别？

xml、svg

我只想知道哪个图像在web浏览器中加载速度更快，svg和jpeg。

浏览 0提问于2012-01-21得票数 0

回答已采纳

1回答

HTML5我可以将<img>与<source>一起使用吗

javascript、html、svg

我想知道我是否可以像<video>一样使用tag <img>。当我想在我的网站上添加视频时，我会使用： <source src="movie.mp4" type="video/mp4"></video> 结果是浏览器只加载第一个文件，

浏览 24提问于2015-03-28得票数 1

1回答

用PHP将SVG转换为PNG的粗糙边

php、svg、imagemagick、png、edges

我使用下面的脚本生成一个扩展的SVG PNG版本。<?php $im->setBackgroundColor(new ImagickPixel('transparent')); $svg

浏览 0提问于2012-07-20得票数 0

2回答

是使用@字体的更好的方法吗？

html、css、cross-browser

有了这段代码，我可以获得跨浏览器的兼容性，但问题是，这里我需要添加许多相同字体的文件类型，如何避免这种情况，同时仍然能够实现跨浏览器的兼容性？location.woff') format('woff'), url('location.svg#Name'

浏览 6提问于2013-10-20得票数 1

回答已采纳

1回答

apple设备不呈现字体

css、fonts

我想在我的网站上使用罕见的字体，叫做HeliosThin。我将此字体存储在以下文件夹中然后将它添加到我的css文件中，如下所示： font-family: 'HeliousThin/fonts/font.TTF") /* TTF file for CSS3 browsers */当我使用linux、windows或androi

浏览 0提问于2014-11-06得票数 0

1回答

如何使用画布绘制此背景形状？

image、html、canvas、background

在我正在设计的一个设计中，有一个反复出现的图像背景形状，它在整个网站上以不同的大小出现了几次。例如，一个页面使用它作为一个巨大的背景图像，其中该图像的顶部和底部被浏览器边缘截断。使用canvas创建它不是一个容易的模式，但据我所知它是可能的。这就是它看起来的样子。我是更好地制作几个相同图案的图像，还是通过画布轻松地重新创建这个背景图像？如果它适合canvas，我该如何重

浏览 4提问于2011-10-28得票数 2

回答已采纳

1回答

svg图像在django中没有重绘

html、django、svg

我已经开发了一个django应用程序来在浏览器上显示svg图像。另外，当我创建小型s

浏览 0提问于2014-01-11得票数 1

1回答

CSS缩放在IE10中不能正常工作

javascript、html、css、internet-explorer、svg

我试着扩展下面的SVG路径。这在chrome和firefox中工作得很好。但在IE10中，它不起作用。有什么建议吗？请在下面找到我的代码。 transform: scale(2.0); -webkit-transform: scale(2.0);<svg43.3Z" fill="yellow" stroke="blue" stroke-width="2&quo

浏览 0提问于2016-12-23得票数 1

2回答

移动浏览器及其与Grails的兼容性

grails

是否需要在Grails应用程序中进行任何设置或配置才能支持从移动浏览器(手机或平板电脑)查看应用程序。谢谢

浏览 5提问于2015-12-31得票数 0

点击加载更多