Rect,RoundRect(矩形)对象

首页 > 网络编程 > CSS/HTML > VML相关 更新日期: 2015-07-31

用VML画矩形,必须设置 style="width:50;height:50",其他就没有什么特别的。在这节,顺便讲讲 shadow 对象和 TextBox对象:
    <v:Rect style="position:relative;width:100;height:50px"/>
    RoundRect顾名思义,是圆角的矩形,这种形状在画流程图的时候很常用,如果加上阴影,就更好看了:
    <v:RoundRect style="position:relative;width:100;height:50px">
    <v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>
    </v:RoundRect>

    在VML里面,True 和 False 可以简写成 T 和 F。Shadow 中的 offset 属性用来设置 偏移原图的 x,y 值。 on 属性用来决定是否显示阴影。在矩形中写字,要用到 TextBox 对象。TextBox 比较关键的属性是 inset(left,top,right,bottom),意思是隔图形边的上下左右多少范围内定位文字:
    <v:RoundRect style="position:relative;width:120;height:50px">
    <v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>
    <v:TextBox inset="5pt,5pt,5pt,5pt" style="font-size:10.2pt;">Hello world!</v:TextBox>
    </v:RoundRect>
Hello world!

    当然你也可以直接插入HTML代码,比如说插入一个
<Div style="padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px">Hello World!</Div>
效果是一样的。

> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • JavaScriptDOM元素尺寸和位置
    这篇文章主要介绍了JavaScript DOM元素尺寸和位置,需要的朋友可以参考下一 获取元素的CSS大小  1.通过style内联获取元素的大小   代码如下:     var box = document.getElementById('box');    // 获得元素;     box.style.width;                     ...
  • Android编程之canvas绘制各种图形(点,直线,弧,圆,椭圆,文字,矩形,多边形,曲线,圆角矩形)
    Android编程之canvas绘制各种图形(点,直线,弧,圆,椭圆,文字,矩形,多边形,曲线,圆角矩形)
    这篇文章主要介绍了Android编程之canvas绘制各种图形的方法,涉及Android使用Canvas类中常用绘图方法的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了Android编程之canvas绘制各种图形的方法.分享给大家供大家参考,具体如下: 1.首先说一下canvas类: Class Overview The Canvas c ...
  • C++内核对象封装单实例启动程序的类
    这篇文章主要介绍了利用C++内核对象封装的类,程序只能运行单个实例,可防止多次启动,大家参考使用吧 代码如下://File Name: Singleton.h#pragma once class Singleton{private:    CString strGUID;    CString strMapFileGUID;     HANDLE m_hSi ...
  • 基于jquery的不规则矩形的排列实现代码
    现在很多网站都用不规则矩形来罗列图片,ipad上面很多应该用也都是用的不规则的矩形,但是还要让他们各自都靠近排列,不能有空隙这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置, 实在找不到,则换行排列下一行,具体思路是这样.代码里有详细的注释直接看代码吧. ...
  • Android编程开发之在Canvas中利用Path绘制基本图形(圆形,矩形,椭圆,三角形等)
    Android编程开发之在Canvas中利用Path绘制基本图形(圆形,矩形,椭圆,三角形等)
    这篇文章主要介绍了Android编程开发之在Canvas中利用Path绘制基本图形的方法,涉及Android基本的图形绘制技巧,结合实例分析了绘制圆形,矩形,椭圆,三角形等基本图形的实现方法,需要的朋友可以参考下本文实例讲述了Android编程开发之在Canvas中利用Path绘制基本图形的方法.分享给大家供大家参考,具体如下: 在Android中绘制基本的 ...
猜你喜欢