HTML5 svg 模糊,html5 – Firefox SVG图形模糊

我有一个反应灵敏的网页设计，SVG标志/图像是与其容器动态的。所有主流浏览器似乎都支持SVG真的很好。

我的SVG是动态的，所以如果我扩展我的浏览器窗口，SVG也是这样做的。在Chrome和IE9中，它的作用就像一个魅力。在Firefox中，SVG在某些尺寸上是模糊的。但是，当它超过了初始的SVG大小时，我不能说它的时间模糊。当我放大浏览器窗口时，似乎并没有正确地重新投递。

这是什么看起来有时(看看它在fullsize看到的区别)：

也许我使用错误的方法嵌入它。这就是我的CSS和HTML的样子：

CSS：

#logo {

background-image: url('http://dl.dropBox.com/u/569168/jess.svg');

height: 22em;

background-repeat: no-repeat;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-o-background-size: 100%;

background-size: 100%;

}

如果你想看看它，请用CSS中的链接抓住SVG。它是用Adobe Illustrator制作的。

任何想法如何解决？

HTML5 svg 模糊,html5 – Firefox SVG图形模糊相关推荐

[Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例
前言本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较的补充和实例说明各种技术的使用方式. VML 的用法和实例引入命名空间之后,就可以 ...
[Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较
先介绍一下矢量图的概念: 矢量图使用直线和曲线来描述图形,这些图形的元素是一些点.线.矩形.多边形.圆和弧线等等,它们都是通过数学公式计算获得的.例如一幅花的矢量图形实际上是由线段形成外框轮廓,由外框 ...
基于html5的矢量图绘制方法研究,HTML5程序设计-绘制可伸缩矢量图形SVG.pdf
HTML5基础教程(第2版) 授课教师: 职务: 第7章绘制可伸缩矢量图形(SVG ) 课程描述 SVG是Scalable Vector Graphics的缩写,即可伸缩矢量图形,它使用XML格式 ...
HTML5 Canvas、内联 SVG、Canvas vs. SVG
canvas 元素用于在网页上绘制图形. 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canv ...
突袭HTML5之SVG 2D入门1 - SVG综述
位图与矢量图以前,浏览器中显示的图形,例如jpeg.gif等,都是位图,这些图像格式是基于光栅的.在光栅图像中,图像文件定义了图像中每个像素的颜色值.浏览器需要读取这些值并做出相应行动.这种图像的再 ...
SVG 与 HTML5 的 canvas 相比较：
2019独角兽企业重金招聘Python工程师标准>>> 1.Canvas和SVG Canvas和SVG是HTML5中主要的2D图形技术,前者提供画布标签和绘制API,后者是一整套独立 ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
html5 graphics with svg css3,HTML5 GRAPHICS WITH SVG AND CSS3
摘要: Want to create exciting HTML5 graphics without spending eternity in JavaScript? You can! This pr ...
html5 logo svg,HTML5新特性之用SVG绘制微信logo
html5新特新html5 中的一些有趣的新特性:1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如 ...

HTML5 svg 模糊,html5 – Firefox SVG图形模糊

HTML5 svg 模糊,html5 – Firefox SVG图形模糊相关推荐

最新文章

热门文章