.NET基础示例系列之十七:VML绘制中国地图
VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。同时对VML图形进行缩放,变换位置也变得异常容易.对于VML的基本概念,网上有若干个版本的中文教程,大家可以去看看,写得比较详细.这里只讲几个简单的常用到的概念:
1.坐标
VML元素通过CoordSize属性来描述它的坐标, 如<v:shape CoordSize="2800,2800" />,这里的2800,2800 是横纵坐标被分成了2800个点. 定义的坐标只是相对的,真正显示的图形大小还需要 style="width:500px;height:500px" 来定义.
2.Shape
VML中的shape元素可以实现你所需要的任意形状,例如上面的地图中的各省.shape包含以下常用的属性:
最主要的属性是Path,它包含以下几个具有特殊意义的字母(不包括x,y):
m x,y:moveto把画笔移动到 (x,y);
l x,y:lineto从当前点到(x,y)画一条线;可以给连续的几个点,VML会连续画出来直到遇到 x 命令;
x:close结束一条线;
e:end结束画图
于是为path属性赋值看起来像这样:
path=" m231,825 l238,827,244,828,252,830,257,828 xe
另外一些属性包括:
fillcolor图形的填充色.strokecolor图形边缘线的颜色.title鼠标上移时显示的提示文字.
3.Group
Group用于将多个vml元素组织在一起,这样Group中的所有元素将使用Group的坐标系.同时,对group进行缩放时,将使Group中的所有元素大小发生变化.当页面上有多个vml元素时,使用Group将使它们变得易于控制.
对于一些简单应用,使用VML的好处包括:
(1)可以实现任意想要的形状,轻松实现阴影等效果.
(2)由于是一种标识语言,浏览器端使用脚本操作VML元素变得容易.例如上面的地图中可以简单的使用一句话实现改变某个省份的颜色.
(3)VML所绘制的是矢量图形,缩放不会影响图形的质量.
而VML的限制在于:
(1)浏览器局限于IE5.0+。
(2)由于是用于客户端的标记语言,使用服务器端代码操作VML元素比较困难。
(3)对于地图这样的不规则图形,需要人工去获得边界的坐标。
(4)微软不再更新vml.据说有更牛的东东推出,叫SilverLight。
.NET基础示例系列之十七:VML绘制中国地图相关推荐
- 【Python 实战基础】 如何绘制中国地图展示省份GDP数据
目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 循环遍历 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景: 如何绘制中国地图展 ...
- Ant Design Charts绘制中国地图并动态添加标记点
绘制中国地图并动态添加标记点,在这里使用的是antd charts绘制,需要求只显示中国地图,并且跟踪物流信息 使用组件地址: 图表 - Plot | Ant Design Charts 这里的引入方 ...
- Matlab绘制中国地图(大陆地区)
1 简介 MATLAB是著名的科学软件,具有绘图.编程.仿真等强大的功能.现在介绍MATLAB绘制中国地图的三种方式,分别是(1)使用m_map工具箱命令绘制中国地图:(2)使用mapshow和geo ...
- Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示
}, { name: "福建", value: 20, }, { name: "贵州", value: 74, }, { name: "广东" ...
- 使用raphael.js绘制中国地图
最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作.在本文中,我给大 ...
- qcustomplot绘制热力图瀑布图_使用REmap绘制中国地图
上次我们介绍了使用ggplot2绘制中国热力地图,需要温习的同学可以点击以下链接 使用ggplot2绘制中国地图 .在使用ggplot2绘制的时候,需要进行数据处理的步骤比较多,今天我们介绍一个新的 ...
- Basemap绘制中国地图
2022.06.02更新 CHN_adm_shp.zip 网盘下载链接: 链接:https://pan.baidu.com/s/11igf-bfDLuolI5HzEykzMw 提取码:oas6 201 ...
- [Echarts可视化] 一.入门篇之简单绘制中国地图和贵州地区
最近发生了很多事情,去到了一个新环境学习.但是不论在哪里,我都需要不忘初心,坚持做自己喜欢的事情,在CSDN写博客.教学.爱娜.生活等等. 这篇文章主要是通过Echarts可视化介绍入 ...
- echarts 绘制中国地图(中英文转换)
echarts 绘制中国地图 1.引入echarts npm install echarts import echarts from 'echarts' 2.引入地图china.js(网上自行搜索下载 ...
最新文章
- 免费网络推广浅析对网站首页优化的注意细节把控!
- JavaScript的Cookie操作
- Scala sbt 添加国内镜像
- Java中常见数据结构:list与map
- 金相图像处理 matlab,基于MATLAB软件的图像处理技术 毕业论文.doc
- Object相关方法
- tomcat6.0+mysql5.0+jdk5.0+myeclipse6.0打造JSP开发平台
- 学习《css世界》笔记之多行文本实现垂直居中
- Android 基本测试工具的使用
- 浅谈智能电网的建设 软件开发
- SpringBoot 如何配置静态资源的地址与访问路径
- Centos7之搜索命令locate
- flume介绍与原理
- linux怎么变成windows,如何把Ubuntu 18.04改造成Windows主题界面
- JavaScript基础第05天笔记
- 如何定向网件路由防火墙与URL
- 我与U盘病毒抗争的那几年——一个特别的进程U盘病毒
- Yuuki and a problem
- 不懂不要炒股,一定要在调整时买入股票!
- 《公司的力量》纪录片