• VML编程之RoundRect圆矩型《VML极道教程》原著:沐缘华 (529 01:15)


    1:RoundRect圆矩型 - 专用属性
    arcsize  用于描述圆矩形四角的弧度值,0-0.5,默认值0.05
    2:RoundRect圆矩型 - 实例讲解
    
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <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圆矩型 - 小试牛刀
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <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">
    google
    </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个像素)
  • 相关阅读:
    __setattr__,__getattr__,__delattr__
    LeetCode 面试题42. 连续子数组的最大和
    LeetCode 53. 最大子序和
    LeetCode 面试题39. 数组中出现次数超过一半的数字
    LeetCode 169. 多数元素
    LeetCode 426.将二叉搜索树转化为排序的双向链表
    LeetCode 面试题36. 二叉搜索树与双向链表
    LeetCode 面试题35. 复杂链表的复制
    LeetCode 138. 复制带随机指针的链表
    LeetCode 面试题34. 二叉树中和为某一值的路径
  • 原文地址:https://www.cnblogs.com/GeneralXU/p/763226.html
Copyright © 2020-2023  润新知