什么是SVG？
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
简介：
SVG.js是一个轻量级的JavaScript库，允许你轻松操作SVG和定义动画。
SVG（Scalable Vector Graphics，可缩放矢量图形）是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。
SVG.js中包含了大量用于定义动画的方法，如移动、缩放、旋转、倾斜等，具体可参阅相关演示。
SVG.js中的一些亮点：
"color: #ff0000">使用说明：
创建一个SVG文档
使用SVG()函数来在一个给定的html元素中创建一个SVG文档：
var draw = SVG('canvas').size(300, 300)
var rect = draw.rect(100, 100).attr({ fill: '#f06' })
其中SVG()中的参数可以使一个元素的id或者元素本身。
以上两句将在html文档中产生以下代码：
<div id="canvas"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"> <rect width="100" height="100" fill="#f06"></rect> </svg> </div>
当然，要定义SVG画布的大小，除了使用像素之外，也可以使用百分比的。如下：
var draw = SVG('canvas').size('100%', '100%')
检测浏览器对SVG的支持度
在使用svg.js之前，可以先用以下的代码来检测浏览器对svg.js这个库的支持情况：
if (SVG.supported) {
var draw = SVG('canvas')
var rect = draw.rect(100,100) }
else {
alert('SVG not supported') }
ViewBox
<svg>的属性可以用viewbox()方法来确定，viewbox()方法就像是一个setter函数一样，如下所示：
draw.viewbox(0,0,297,210)
上面的一行代码和下面的一行代码是等价的，前两个参数表示<svg>的位置，后两个是其宽度和高度。
draw.viewbox({ x: 0, y: 0, width: 297, height: 210 })
如果没有任何参数，那么viewbox就直接返回一个空的<svg>：
var box = draw.viewbox()
viewbox() 方法可以有zoom属性，
var box = draw.viewbox() var zoom = box.zoom
如果viewbox中的<svg>的大小和实际的SVG画布的大小相同，那么zoom的值就是1.
SVG 文档
svg.js也可以在htmlDOM外工作，如下所示，是一个独立的svg文件，就像是外部的js文件一样。
<"1.0" encoding="utf-8" "viewport"xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"version="1.1">
<script type="text/javascript"xlink:href="svg.min.js">
</script>
<scripttype="text/javascript">
<![CDATA[
var draw = SVG('viewport')
draw.rect(100,100).animate().fill('#f03').move(100,100)
]]>
</script>
</svg>
以上所述是小编给大家介绍的Svg.js实例教程及使用手册详解（一）的内容，下面将持续更新svg.js的其他方法的用法，敬请关注！
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。