SVG 教程

        SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。

        SVG是一种用XML定义的语言,用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展(extensibility)。

        SVG图形是可交互的和动态的,可以在SVG文件中嵌入动画元素或通过脚本来定义动画。它提供了目前网络流行的PNG和JPEG格式无法具备的优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;可在SVG图像中保留可编辑和可搜寻的状态;平均来讲,SVG文件比JPEG和PNG格式的文件要小很多,因而下载也很快。可以相信,SVG的开发将会为Web提供新的图像标准。

●SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

●SVG 用来定义用于网络的基于矢量的图形

●SVG 使用 XML 格式定义图形

●SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

●SVG 是万维网联盟的标准

●SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

推荐阅读:
浅谈javascript的函数节流   阅读:4489session与cookie的区别   阅读:4040mysql5.7开启sql日志的配置   阅读:8845纯干货,程序员面试的超实用技巧   阅读:4110php swoole搭建简单的聊天室   阅读:3693PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:14263php生成二维码   阅读:6655centos 7 安装 php-7.1.3   阅读:19697php 统计网页打开耗时和脚本运行内存   阅读:6604用php从1乘到100的值   阅读:6124centos 7 安装 samba 服务   阅读:6569十张GIF让你弄懂递归等概念   阅读:5908小米手机端商城rem适配原理   阅读:6561shell脚本批量删除几天前的文件   阅读:9670HTTP 1.1 协议详解   阅读:11256面试都会问你为什么你从上一家公司离职的真实意思   阅读:10859把php session 会话保存到redis   阅读:7039php+redis实现消息队列   阅读:14179mysql的四种索引类型   阅读:22192封装php redis缓存操作类   阅读:8860企业让你去面试,可能不是真的招人   阅读:5744linux命令中执行php脚本   阅读:7766php 获取当前前后年、月、星期、日、时分秒的时间   阅读:6487centos 7 安装 php-7.1.3   阅读:19697纯干货,程序员面试的超实用技巧   阅读:4110Nginx 配置文件详解   阅读:4507用php从1乘到100的值   阅读:6124mysql5.7开启sql日志的配置   阅读:8845HTTP 1.1 协议详解   阅读:11256给php7安装redis扩展库   阅读:8051shell脚本批量删除几天前的文件   阅读:9670centos 7 忘记root密码   阅读:4635霍金24岁博士毕业论文在线预览   阅读:5422ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:9186php文件下载防盗链   阅读:9613mysql 为什么添加索引可以提高访问速度   阅读:5837centos 7 安装 redis 3.2.9   阅读:6450一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:128078比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:5256程序员找工作三要素(必看)   阅读:5510面试的时候回去等通知,等电话的真实意思   阅读:23640centos 7 安装 samba 服务   阅读:6569什么是天使轮?什么是A轮融资?B轮融资?   阅读:4798简单的DOS攻击之死亡之ping详解   阅读:54042mongodb设置shell开机启动脚本   阅读:9782最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:31419nginx安装mysql和json模块   阅读:4724centos 7.2 添加php7 的 php-fpm 开机启动   阅读:24133给php7安装redis扩展库   阅读:8051什么是天使轮?什么是A轮融资?B轮融资?   阅读:4798