xml地图|网站地图|网站标签 [设为首页] [加入收藏]

美高梅游戏网站

当前位置:美高梅游戏网站 > 美高梅游戏网站 > SVG 新司机开车指南

SVG 新司机开车指南

来源:http://www.gd-chuangmei.com 作者:美高梅游戏网站 时间:2019-11-26 18:29

SVG 新司机开车指南

2017/04/10 · HTML5 · SVG

原文出处: Tw93   

文:美思

TL,TR

SVG其相关特性远比想象中要强,本文首先介绍下SVG的相关定义、特点和Demo,接下来会介绍它的相关语法和动画,最后告诉大家如何使用和优化SVG。

确保大家一小时内可以开车上路….. 来不及解释了,快上车…..

图片 1

图:来源于网络

一、简介

女粉越来越多,很多妹子问我,思哥你都是写一些挽回或者撩妹的文章,快点教我怎么撩汉!这个撩汉也要教么,不都是等撩么.....

定义

SVG(Scalable Vector Graphics)是可缩放矢量图形的缩写,基于可扩展标记语言XML来描述二维矢量图形的一种图形格式,由W3C制定,是一个开放标准。

行吧,天天挽回挺累的,今天换个姿势说撩汉。

特点

现在我们可以使用PNG、JPG来展示静态的图片,使用CSS3、JS或者挫一点的GIF来表示动画,厉害一点我们可以使用Canvas来绘图,那么为什么还要使用SVG呢?

  • 和PNG、GIF比较起来,文件体积更小,且可压缩性强;
  • 由于采用XML描述,可以轻易的被读取和修改,描述性更强;
  • 在放大或改变尺寸的情况下其图形质量不会有所损失,与分辨率无关,是可伸缩的;
  • SVG是面向未来 (W3C 标准)的,同时浏览器兼容性好;
  • 使用CSS 和 JS能很方便的进行控制,同时可以很轻易地描述路径动画;
  • 和Canvas相比
    • Canvas基于像素,提供2D绘制函数,是一种HTML元素类型,依赖于HTML,只能通过脚本来绘制图形,Canvas提供的功能比较原始,适合像素处理,动态渲染和大数据量绘制的应用场景;
    • SVG为矢量,提供一系列图形元素(Rect, Path, Circle, Line …),还有完整的动画,事件机制,本身可以独立使用,也可以嵌入到HTML中,SVG很早就成为了国际标准,功能更完善,适合静态图片展示,高保真文档查看和打印的应用场景;

图片 2

Demo

使用SVG可以做出什么比较好玩的东西呢?

图片 3

上周团队(

本文由美高梅游戏网站发布于美高梅游戏网站,转载请注明出处:SVG 新司机开车指南

关键词:

上一篇:没有了

下一篇:没有了