html页面图形绘制
来源:互联网 发布:nokia5250软件下载 编辑:程序博客网 时间:2024/06/03 14:20
最近做地图的一些应用,应用到了图形绘制,头好大啊,刚开始完全不懂vml和svg,做了一阵子,发现了几个窍门:
1、IE浏览器
IE9以下均采用vml
IE7木有任何问题,但IE8直接不显示。
查了半天的原因,最后发现是v\:* {BEHAVIOR: url(#default#VML);}没有生效,无奈之下,只好加上
v\:rect{
BEHAVIOR:url(#default#VML);
}
v\:oval{
BEHAVIOR:url(#default#VML);
}
v\:shape{
BEHAVIOR:url(#default#VML);
}
v\:stroke{
BEHAVIOR:url(#default#VML);
}
v\:fill{
BEHAVIOR:url(#default#VML);
}
最终才把问题解决了
IE9及以上均采用svg
IE上木有发现有什么问题
2、谷歌、火狐浏览器
采用svg
由于地图可拖动,svg有时候不能够把整个屏幕铺满,导致绘制的图形不能显示完整。后来才用了移动svg位置的方式,使得svg一直铺满整个地图。
可这样会导致绘制的图形不能随着地图拖动移动,后面看开源gisAPI,发现人家都在绘制的rectangle外面包了两层g。我加上g后直接无法显示绘制图形了。。。
查了半天,才发现自己创建节点的时候出问题了,js创建svg元素:
document.createElementNS('http://www.w3.org/2000/svg','svg');
js创建g标签:
document.createElementNS('http://www.w3.org/2000/svg','g');
最后再将图形元素append到创建的g标签内,这样,就可以完整的显示绘制的图形了。
- html页面图形绘制
- html绘制变形图形
- 【HTML】Canvas(1)-绘制图形
- html 图形绘制动画效果
- SVG 图形嵌入html页面
- highcharts绘制饼图html页面源码
- 绘制图形
- 绘制图形
- 绘制图形
- 绘制图形
- 绘制图形
- 图形绘制
- 绘制图形
- 图形绘制
- 绘制图形
- 绘制图形
- 图形绘制
- 图形绘制
- Qt5 在win7上发布 & 打包依赖dll生成exe方法
- vim的替换功能与技巧
- PHP: Fatal Error: Allowed Memory Size of 134217728 Bytes Exhausted
- Linux驱动开发之三----按键驱动(Tiny6410)
- 《Effective C++》学习笔记条款10 令operator= 返回一个reference to *this
- html页面图形绘制
- POJ - 1390 Blocks
- mysql 允许多台远程服务器连接(外网连接)
- c++软件工程师课程分享
- 如何查看宏定义
- Siege - 压力测试工具
- MVC @Html 扩展方法
- Windows下构建Mysql Cluster集群数据库
- 暗战强人-黑客及反黑客工具快速精通等黑客电子书收集