html5动效系列二十：HTML5 SVG世界地图 地图可拖拽和缩放

2015-5-25    蓝蓝设计的小编

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

每一个扁平化界面设计，都是我们的心灵碰撞致力于最棒的 metro ui 设计

来源：www.html5tricks.com

 如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

之前我们已经向大家分享过一些基于HTML5的地图应用，比如jQuery矢量SVG地图插件JVectorMap，以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图，地图元素是使用SVG绘制的，并且地图可以拖拽和局部缩放，效果非常不错。

html5-svg-world-map

在线演示源码下载

分享本文至：
« 术语小科普！聊聊线框稿、视觉稿与原型的区别 html5动效系列十九：纯CSS3实现质感发光动画按钮 »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档