VML极道教程(五) RoundRect圆矩型
本系列文章导航
VML极道教程(一) VML介绍
VML极道教程(二) VML入门
VML极道教程(三) 标记实战与line线
VML极道教程(四) oval圆rect矩型
VML极道教程(五) RoundRect圆矩型
VML极道教程(六) image图片
VML极道教程(七) polyline多边型
VML极道教程(八) shape多边型.shapetype模版.shape与curve曲线
VML极道教程(九) background背景
VML极道教程(十) group集合容器.vmlframe图形引用
VML极道教程(十一) 2级标记stroke边框,shadow阴影
VML极道教程(十二) VML编程大结局
RoundRect圆矩型
1:RoundRect圆矩型 - 专用属性
arcsize 用于描述圆矩形四角的弧度值,0-0.5,默认值0.05
2:RoundRect圆矩型 - 实例讲解
<v:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:100;WIDTH:100;TOP:100;HEIGHT:100" strokecolor="black" strokeweight="1px"/>
<v:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:220;WIDTH:100;TOP:100;HEIGHT:100" strokecolor="red" strokeweight="1px" arcsize="0.15"/>
<v:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:340;WIDTH:250;TOP:120;HEIGHT:200" strokecolor="green" strokeweight="1px" arcsize="0.3" fillcolor="yellow"/>
不难看出,roundrect圆矩形与oval圆、rect矩形的标记很类似,只是多了一个arcsize专用属性。该专用属性就是控制圆矩形四角弧度的,值越小弧度越小、值越大弧度越大
3:RoundRect圆矩型 - 小试牛刀
<v:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:100;WIDTH:70;TOP:100;HEIGHT:30;text-align:center;padding-top:8" strokecolor="black" strokeweight="1px" arcsize="0.2" href="http://www.microsoft.com" title="单击访问微软网站" target="window1">
微软
</v:roundrect>
<v:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:170;WIDTH:70;TOP:100;HEIGHT:30;text-align:center;padding-top:8" strokecolor="black" strokeweight="1px" arcsize="0.2" href="http://www.google.com" title="单击访问google网站" target="window1">
</v:roundrect>
<v:roundrect style="POSITION:absolute;Z-INDEX:5;LEFT:80;WIDTH:400;TOP:126;HEIGHT:250;text-align:center;padding-top:12" strokecolor="black" strokeweight="1px" arcsize="0.06">
<iframe src="" name="window1" width=95% height=95%></iframe>
</v:roundrect>
本例综合本章节及本章节以前的知识,做了一个小范例,该简单的范例主要演示VML 3D WEB页面的制作、以及如何用CSS控制图形HTML内容的排版(text-align:center;描述内容左右居中、padding-top:8;描述内容距离图形上方内边界8个像素)
博文来源:http://www.cnblogs.com/GeneralXU/archive/2007/05/29/763226.html
VML极道教程(五) RoundRect圆矩型相关推荐
- VML极道教程(十二) VML编程大结局
本系列文章导航 VML极道教程(一) VML介绍 VML极道教程(二) VML入门 VML极道教程(三) 标记实战与line线 VML极道教程(四) oval圆rect矩型 VML极道教程(五) Ro ...
- VML编程之------oval圆rect矩型《VML极道教程》原著:沐缘华
<VML极道教程>原著:沐缘华 1章7节:oval圆rect矩型 1:oval圆与rect矩型 VML的oval和rect分别可以绘制圆形与矩形,由于这两个标记的编写方法.原理.属性基本一 ...
- VML编程之------VML语言入门《VML极道教程》原著:沐缘华
<VML极道教程>原著:沐缘华 1章4节:VML语言入门 1:VML语言入门 - 极道学法 在我正式开始讲解.你正式开始学习VML语言以前,请务必遵循以下规则,可以达到最佳效果.极道学习方 ...
- VML极道教程(一) VML介绍
<VML极道教程>原著:沐缘华 <VML极道教程>原著:沐缘华 1章1节:关于VML极道教程 1:何为"极道教程" -对有功底的IT精英:我用最精辟的应用. ...
- VML编程之------group集合容器.vmlframe图形引用 ----《VML极道教程》原著:沐缘华
VML极道教程> 原著:沐缘华 1章16节:group集合容器 1:group集合容器 - 实例讲解 该标记不是用来输出某种图形的.运行时其本身也不可见,而且也没有专用属性,只有VML通用属性, ...
- 建立WEB两大经典!《VML极道教程》+FlashVml(闪耀之星)3.0中/英文版联合发布!
该贴的内容,请务必字句阅读,因为这是免费赠送给所有WEBIT人的一个技术大蛋糕! 注释:以下所有的URL演示地址,因人流问题会较慢,其加载时请耐心等待,并尝试使用不同地址分流. <VML极道教程 ...
- python画圆填色_python turtle我想用五种颜色画五个圆,并且用画圆周的颜色填充,老是出问题,怎么回事,怎么修改?:python教程同心圆...
python turtle画4个同心圆方法 from turtle import * def test(): reset() circle(30,-360) up() goto(0,-10) down ...
- vml入门教程 【转】
什么是vml? VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果.VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合 ...
- 沃弗永磁:从结构角度来对分析为什么限矩型永磁偶合器替代限矩型液力偶合器已经成为趋势
限矩型永磁偶合器替代限矩型液力偶合器已经成为一种趋势.尤其是水泥市场,海螺水泥近三年每年更新换代约一千余件,让我们从结构角度分析两种产品的优劣性. 限矩型液力偶合器 限矩型液力偶合器的结构图 液力偶合 ...
最新文章
- SAP RETAIL 参考PO创建分配表之一
- 皮一皮:真正的情侣服...一家人轮流穿...
- C# 中泛型与非泛型?(摘)
- 【Arduino】四位数码管显示
- StatsD!次世代系统监控的核心
- 【转】.net框架读书笔记---CLR内存管理\垃圾收集(六)
- mysql双机热备 配置文件,MYSQL 双机热备配置手册()
- 织梦众大云采集插件v9.7
- PyTorch入门(三)--实现简单图像分类器
- php输出多行多列,数据库查询记录php 多行多列显示
- 数据结构与算法之三直接插入排序
- kafka内置分区及自定义分区
- 周剑:国产商业智能 BI 这 20 年(1997~2017)
- (七) 三维点云课程---ICP(Point-to-Point)
- java定时统计_java 定时任务每日晚上凌晨执行数据统计
- SPSS(一)进行单因素方差分析及多重比较检验(图文教程)
- 英语词源基础之后缀-ion详解: -ion,-tion,-ction,-ption,-ation,-ition的区别
- 混乱是怎样炼成的——《C解毒》试读
- Ubuntu升级软件和ubuntu升级系统的命令
- stomp与veil用法