雨天IT技术网

当前位置: 网站首页 > 网站技术 > 标签html >

HTML5 内联 SVG

时间:2016-12-17 22:17来源:雨天IT技术网 作者:雨天 点击:
什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 与其他图像格式相比(比如 JPEG 和
  • 什么是SVG?

 

  • SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
  • SVG 用于定义用于网络的基于矢量的图形
  • SVG 使用 XML 格式定义图形
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
  • SVG 是万维网联盟的标准

  • SVG优势

  •  

    与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:

    • SVG 图像可通过文本编辑器来创建和修改
    • SVG 图像可被搜索、索引、脚本化或压缩
    • SVG 是可伸缩的
    • SVG 图像可在任何的分辨率下被高质量地打印
    • SVG 可在图像质量不下降的情况下被放大

  • 浏览器支持

  •  
  •  

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持内联SVG。


  • 把 SVG 直接嵌入 HTML 页面

  •  

    在 HTML5 中,您能够将 SVG 元素直接嵌入 HTML 页面中:

  • 实例

 

  • <!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"> </svg> </body> </html>
(责任编辑:雨天)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容
  • HTML5 内联 SVG

    什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络...

  • HTML5怎么关闭所有HTML元素

    在 HTML5 中, 你不一定要关闭所有元素 (例如 p 元素),但我们建议每个元素都要添加关...

  • 本地电脑上运行ASP

    把自己的 Windows PC 作为 Web 服务器 如果您安装了 IIS 或 PWS,就可以把自己的 PC ...

  • HTML <body> 标签

    实例 一个简单的 HTML 文档,包含尽可能少的必需的标签 : !DOCTYPE html html head m...

  • HTML元素

    HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素 开始标签 * 元素内容 结束标签 * p...

  • HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方

    HTML dl 标签 #定义和用法 dl 标签定义了定义列表(definition list)。 dl 标签用于...