zoukankan      html  css  js  c++  java
  • 图片、浏览器HTML5/CSS3系列教程:使用SVG图片by小雨

    文章结束给大家来个程序员笑话:[M]

        期日:2013-3-25  源来:GBin1.com

        HTML5/CSS3系列教程:应用SVG图片

        在我们开始应用SVG前,让我们先懂得一下 SVG,并且解释一下为什么应用SVG

        SVG全称是Scalable Vector Graphics,如果你应用过adobe Illustrator的话,相信你对这类适当格式的图片不并生陌!

        

    为什么应用SVG?

        

    • 文件非常小

    • 可以无损失的缩放寸尺

    • 在Retina显示屏上效果超棒

    • 可以控制图片式样计划,例如动互和过滤filter

        

    浏览器持支

        

    • IE8及其更低本版不持支

    • Android 2.3及其更低本版不持支

    • 其它浏览器都持支

        如果你要需持支这些本版的浏览器的话,你可以应用Modernizr,如下:

    if (!Modernizr.svg) {
      $(".gblogo img").attr("src", "images/logo.png");
    }

        或者应用如下更简略的码代:

    <img src="gblogo.svg" onerror="this.onerror=null; this.src="gblogo.png"">

        ......

        via 极客标签

        源来:HTML5/CSS3系列教程:应用SVG图片

        

    文章结束给大家分享下程序员的一些笑话语录: 雅虎最擅长的不是开通新业务,是关闭旧业务。

  • 相关阅读:
    hdu 1535 Invitation Cards(spfa)
    hdu 1317 XYZZY
    hdu 1245 Saving James Bond
    hdu 1546 Idiomatic Phrases Game
    hdu 1217 Arbitrage(佛洛依德)
    hdu 1599 find the mincost route(无向图的最小环)
    poj1579
    poj1905
    poj1384
    poj3624
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3024925.html
Copyright © 2011-2022 走看看