jQuery矢量SVG地图插件JVectorMap

JVectorMap是一款基于jQuery的矢量地图插件，它是基于SVG结构的，和其他jQuery地图插件不同的是，jVectorMap是矢量地图，但是它同样支持地图缩放和地图平面移动等相应的功能. 由于JVectorMap是基于jQuery的，所以支持大部分主流的浏览器，应用也相当广泛.

距Adobe Systems 34亿美元收购Macromedia已经过去了8年的时间-后者的可伸缩矢量图形(SVG)格式以及Flash技术自然也属于这一部分. 而现在，鉴于浏览器开发人员渐渐地抛弃插件，该公司在周三于旧金山举办的HTML5开发者大会上，宣布了一个名叫Snap.svg的开源项目，旨在将类Flash的特性带到Web上.

语言: JavaScript,HTML, SVG.         SVG- 可缩放矢量图形 ，是一个XML风格标记驱动的矢量图形的浏览器渲染引擎. 除了IE 9.0和Android V3之前版本外的所有浏览器都支持SVG. Canvas也有同样的支持情况，所以问题往往表现为：我们应该使用哪种方案.

先让大家感受一下用SVG技术制作的简单动画：. 如果你看不到这个演示，说明你的浏览器不支持SVG，请使用最新版的谷歌浏览器或火狐浏览器. 《 如何画出一条会动的线》这篇文章专门介绍了上面这SVG动画是如何简单的实现的. SVG是 Scalable Vector Graphics三个单词的首字母缩写.

当用户在圆上点击时，使用js创建一个元素：. // 更高效的计时器，类似于setTimeout，不会发生丢. 已有 0 人发表留言，猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.

今天我们继续来学习SVG动画方面的知识. 一听到动画效果，你可能就觉的头都打啦. 不要担心，SVG本身提供的动画属性非常容易使用，今天我们就来学习一下基础的知识. SVG中提供了 animate的方法来制作动画属性：. 在上面的代码中，我们在元素里面添加了一个 的标签. 包含了下面的一些属性.

        一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了.         因为viewBox的目的是要自己设置的长宽范围填满viewport.

随着网络上信息数据的大量涌现，如何正确显示和出版是有效传输、接收和利用它们的基础. 图形、图像是信息数据可视化的主要方式. 但现有的图形、图像格式存在着缺陷：非开放式，显示和印刷质量及适应性差，难以创建Web上图文信息的个性化定制、交互式以及实时动态方面的应用等. SVG正是在这样的背景下诞生的. SVG(Scalable Vector Graphics，可伸缩性矢量图形)是由万维网联盟(W3C)推出的基于XML编码的开放式图形、图像标准.

web图形方案比较 html5、 GML、 SVG、 VML. GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言，都是XML词表，它们的语法并不难理解，但它们都有各自不同的用途和特点，下面简单介绍一下. 是基于XML的空间信息编码标准，由OpenGIS Consortium (OGC)提出，得到了许多公司的大力支持，如Oracle、Galdos、MapInfo、CubeWerx等.

本文地址： http://www.zhangxinxu.com/wordpress/?p=4264. 这里所说的Sprite技术，没错，类似于CSS中的Sprite技术. 图标图形整合在一起，实际呈现的时候准确显示特定图标. 另，本文图片甚多，爪机党继续浏览需慎重. 二、SVG Sprite与symbol元素.