Rect,RoundRect(矩形)对象

用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>
效果是一样的。

(0)

相关推荐

  • Rect,RoundRect(矩形)对象

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

  • ffmpeg播放器实现详解之视频显示(推荐)

    FFmpeg是一套可以用来记录.转换数字音频.视频,并能将其转化为流的开源计算机程序.它包括了目前领先的音/视频编码库libavcodec. FFmpeg是在 Linux 下开发出来的,但它可以在包括 Windows 在内的大多数操作系统中编译.这个项目是由 Fabrice Bellard 发起的,现在由 Michael Niedermayer 主持.可以轻易地实现多种视频格式之间的相互转换,例如可以将摄录下的视频avi等转成现在视频网站所采用的flv格式. ffplay是ffmpeg源码中一个

  • 详解pygame中Rect对象

    目录 class pygame.Rect Rect 对象的属性: 方法 剪切图片的应用 class pygame.Rect Rect 对象的属性: Rect 表示的区域必须位于一个 Surface 对象之上,比如游戏的主窗口(screen).上述方法由四个关键参数值构成,分别是 left.top.width.height,为了方便大家理解这些距离的含义,下面给出了一张示意图: 注意:在 Pygame 中以游戏主窗口的左上角为坐标原点. 1.返回一个坐标数字 x,y top, left, bott

  • javascript 绘制矩形框

    如果不考虑把整个代码封装起来, 大约5分钟里也可以写出类似的效果,为了把整个代码封装成一个对象,稍微借鉴了Pro Javascript Techniques书中的代例子的风格.Pro Javascript Techniques书中推荐的drag and drop 例子:http://boring.youngpup.net/2001/domdrag Rect var Rect = { //当前正在画的矩形对象 obj: null, //画布 container: null, //初始化函数 ini

  • c#创建圆形类Circle、矩形类实现代码

    c#创建圆形类,其中包括set,get方法 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace 圆 { class circle { int center_x; int center_y; double Radius; public int x { get { return center_x; }

  • Pygame Rect区域位置的使用(图文)

    Rect(rectangle)指的是矩形,或者长方形,在 Pygame 中我们使用 Rect() 方法来创建一个指定位置,大小的矩形区域.函数的语法格式如下: rect =pygame.Rect(left,top,width,height) Rect 表示的区域必须位于一个 Surface 对象之上,比如游戏的主窗口(screen).上述方法由四个关键参数值构成,分别是 left.top.width.height,为了方便大家理解这些距离的含义,下面给出了一张示意图: 注意:在 Pygame 中

  • JavaScript高级程序设计 DOM学习笔记

    第十章 DOM DOM是针对XML和HTML文档的一个API:即规定了实现文本节点操控的属性.方法,具体实现由各自浏览器实现. 1. 节点层次 1) 文档节点:document,每个文档的根节点. 2) 文档元素:即<html>元素,文档最外层元素,文档节点第一个子节点. 3) Node类型: ①Node是DOM中各种节点类型的基类型,共享相同的基本属性和方法. □ Node.Element_NODE(1); □ Node.ATTRIBUTE_NODE(2); □ Node.TEXT_NODE

  • iOS开发之Quartz2D的介绍与使用详解

    一.前言 Quartz2D的API是纯C语言的,它是一个二维绘图引擎,同时支持iOS和Mac系统.Quartz2D的API来自于Core Graphics框架,数据类型和函数基本都以CG作为前缀.通常,我们可以使用系统提供的控件去完成大部分UI,但是有些UI界面极其复杂.而且比较个性化,用普通的UI控件无法实现,这时可以利用Quartz2D技术将控件内部的结构画出来,类似自定义控件.其实,iOS中大部分控件的内容都是通过Quartz2D画出来的,因此,Quartz2D在iOS开发中很重要的一个价

  • php面向对象全攻略 (一) 面向对象基础知识

    1.面向对象的概念 面向对象编程(Object Oriented Programming,OOP,面向对象程序设计)是一种计算机编程架构,OOP 的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成,OOP 达到了软件工程的三个目标:重用性.灵活性和扩展性.为了实现整体运算,每个对象都能够接收信息.处理数据和向其它对象发送信息.面向对象一直是软件开发领域内比较热门的话题,首先,面向对象符合人类看待事物的一般规律.其次,采用面向对象方法可以使系统各部分各司其职.各尽所能.为编程

  • php面向对象全攻略 (十五) 多态的应用

    多态的应用 多态是除封装和继承之外的另一个面向对象的三大特性之一,我个人看来PHP 中虽然可 以实现多态,但和C++还有Java 这些面向对象的语言相比,多态性并不是那么突出,因为PHP 本身就是一种弱类型的语言,不存在父类对象转化为子类对象或者是子类对象转化为父类对 象的问题,所以多态的应用并不是那么的明显:所谓多态性是指一段程序能够处理多种类型 对象的能力,比如说在公司上班,每个月财务发放工资,同一个发工资的方法,在公司内不 同的员工或是不同职位的员工,都是通过这个方法发放的,但是所发的工资

随机推荐