参考链接:CSS3 pointer-events:none应用举例及扩展首先pointer-events在除去SVG中的应用只有两个值:AUTO | NONEpointer-events:none该属性可以让应用此属性的元素都会变成“真空”,比如:一个a连接上面覆盖一个div,当该div的css属性...
分类:
Web程序 时间:
2015-06-20 18:18:24
阅读次数:
191
<!DOCTYPEHTML>
<html>
<body>
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"width="1000px"height="800px">
<rect
x="20"
y="20"
rx="20"
ry="20"
width="250"
height="100"
style="fill:red;stroke:black;stroke-width:5;fill-o..
分类:
Web程序 时间:
2015-06-19 21:45:07
阅读次数:
288
一、引言目前在客户端绘制POI(Point of Interest,兴趣点)的方式主要是div(Marker的形式)、svg、canvas、VML(后边三种就是Vector Layer)几种方式,这几种方式中只有canvas的效率是最高的,但是canvas只有一些最新的浏览器才支持。虽然div、sv...
分类:
其他好文 时间:
2015-06-19 18:41:27
阅读次数:
218
一 SVG概述SVG是Scalable Vector Graphics的缩写,即缩放式矢量图形;优点:1.使用编辑器即可编辑图形;2.基于XML,SVG图形可以被很容易的搜索,脚本化和压缩;3.缩放不影响图形质量;4.支持随意打印成需要的尺寸;5.SVG开源标准;劣势:1.比正常格式图片体积大;2....
分类:
Web程序 时间:
2015-06-18 17:10:09
阅读次数:
388
效果图:
所要用到的资源文件:
1.topojson.js 下载地址:http://www.oschina.net/p/topojson
2.china.topojson 、southchinasea.svg 以及 places.json 下载地址:http://download.csdn.net/detail/u013147600/8815899
其中places.js...
分类:
Web程序 时间:
2015-06-17 16:42:30
阅读次数:
227
最近有个需求需要后台调统计数据,直接生成图片吐到前端,本来以为比较简单的,结果中间还是遇到了很多问题:环境:windows:python 2.6+,visual stdio 2008 express开发包linux:gcc,python 2.6+node版本:v0.10.35node组件:expre...
分类:
其他好文 时间:
2015-06-16 22:31:48
阅读次数:
216
闲来无事用css画的一个大白。。。其实有一些地方偷懒了用svg去画的,因为用纯几何形状组合去画变化那么复杂的曲线不太现实。但svg曲线坐标还是自己一点点调出来的,没有用工具生成。:ps:点击身体的某些地方可以交互,你能发现几个地方?
分类:
Web程序 时间:
2015-06-15 23:45:36
阅读次数:
185
一般来说,图表中不宜存在过多文字。但是,有时需要一些文字来描述某些图形元素。那么,可以实现一种交互:当用户鼠标滑到某图形元素时,出现一个提示框,里面写有描述文字。这是一种简单、普遍的交互式,几乎适用于所有图表。通过可给提示框定制外观,能给用户带来很好的体验。1. 提示框的制作思路提示框,就是“文字”加“边框”。显示文字,一般来说用 SVG 的,但是,有两个问题:如果字符串过长,元素不能自动换行,虽...
分类:
Web程序 时间:
2015-06-15 22:09:45
阅读次数:
234
WMS(Web Map Service)从地理信息产生包含空间数据的地图,WMS将地图定义为适合在电脑屏幕上的数字图片,地图并不是数据本身,而是将原来的数据渲染成图片格式(PNG、GIF、JPEG)、基于矢量的元素SVG,或者WebCGM格式。MapServer发布WMS,是通过一个map格式的文件来定义WMS的访问路径;数据源的来源,包含数据库的和本地的文件;还包含一些WMS图层的样式,包含配色,线条粗细,是否用相...
分类:
Web程序 时间:
2015-06-15 11:21:53
阅读次数:
1784
看到一些炫酷的动画,总有种好想实现它,但是又无奈于腹中的代码量略少,只好不明觉厉,圆圆的大眼睛里满是对新事物的渴求。 在网页中嵌入动画,过去比较流行采用Falsh、Java Applet和微软的SilverLight,但他们的网页安全性、兼容性、难操作性以及文件的大小等缺陷让很多Web...
分类:
其他好文 时间:
2015-06-15 06:52:29
阅读次数:
108