VML极道教程(五) RoundRect圆矩型

最新推荐文章于 2024-04-16 22:49:44 发布
最新推荐文章于 2024-04-16 22:49:44 发布
阅读量4.6k 收藏 1
点赞数 1
分类专栏： HTML+CSS VML编程 文章标签： behavior 图形 html iframe 微软 url

本系列文章导航

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圆矩型 - 实例讲解
<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个像素）

博文来源：http://www.cnblogs.com/GeneralXU/archive/2007/05/29/763226.html
hemingwang0902
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RoundRect界面开发
11-06
VC++针对界面方面的开发，RoundRect\ 界面\对话框，源码精益求精
VML编程之------大结局《VML极道教程》原著:沐缘华
weixin_30733003的博客
05-29 138
《VML极道教程》原著:沐缘华1章19节:shadow阴影 1:shadow阴影 - 专用属性参考表 属性名 默认值 值类型/范围 用途 on true ...
Examples:折线图的基本使用
Candy_Seven的博客
05-24 570
实现功能： 1.对图表系列信息进行修改（设置颜色，样式） 2.修改Y轴刻度内容 1)是否平滑曲线显示。(smooth: true) series: [ { data: [820, 932, 901, 934, 1290, 1330, 1320],//数据 type: 'line',//series-line：折线/面积图 smooth: true } ] 2）是否显示图例（legend.show） ...
echarts属性集合和踩过的坑
AndroidOrCsharp
04-16 689
众所周知，用echarts做报表对开发者是很方便的事情，我们只需要在不同的项目中引入对应的包，返回对应的数据格式，echars就能帮助我们解析出来想要的效果。 具体数据格式和实现效果可以借鉴管网实例 https://www.echartsjs.com/examples/ 我在这里把echarts相关的属性整理一下 下面是一个常见的折线图 option:{ ...
Android 自定义 RoundImageView 实现圆角矩形或圆形图片
云舒
08-19 1106
1、首先自定义一个RoundImageView，如下 package com.example.view; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.grap
VML编程之------RoundRect圆矩型《VML极道教程》原著:沐缘华 (5-29 01:15)
GeneralXCK的专栏
05-29 937
《VML极道教程》原著:沐缘华1章8节:RoundRect圆矩型 1:RoundRect圆矩型 - 专用属性arcsize 用于描述圆矩形四角的弧度值，0-0.5，默认值0.052:RoundRect圆矩型 - 实例讲解v/:*{behavior:url(#default#VML);}不难看出，roundrect圆矩形与oval圆、rect矩形的标记很类似，
CDC::RoundRect
lazyyjq2的博客
09-28 1193
来源于MSDN：https://msdn.microsoft.com/zh-cn/library/b0xe62fb(v=vs.110).aspx CDC::RoundRect Visual Studio 2012 Draws a rectangle with rounded corners using the current pen.
c语言圆角矩形实现,MFC怎么绘制一个圆角矩形
weixin_35725138的博客
05-21 1079
满意答案qq244018246推荐于 2018.04.22采纳率：59%等级：12已帮助：6616人参考代码如下：#define OFFSET_X 5#define OFFSET_Y 5void DrawRoundRectange(Graphics &g,Color pens,int x,int y,int width,int height){//设置画图时的滤波模式为消除锯齿现象...
MFC绘制圆角矩形
u013990248的专栏
08-20 7149
Crect  rect_backgroud dc.RoundRect(rect_backgroud, CPoint(10,10));
roundrect
enter回车键
07-15 796
这个函数用于画无填充的圆角矩形。 void roundrect( int left, int top, int right, int bottom, int ellipsewidth, int ellipseheight ); 参数 left 圆角矩形左部 x 坐标。 top 圆角矩形顶部 y 坐标。 right 圆角矩形右部 x 坐标。 bottom 圆角矩形底部 y 坐标。 ellipsewidth 构成圆角矩形的圆角的椭圆的宽度。 ellipseheigh.
MFC画图方法汇总
jiangqin115的专栏
12-04 4306
1. 画线 方法I：使用HDC HDC hdc; hdc=::GetDC(m_hWnd); MoveToEx(hdc,point1.x,point1.y,NULL); //移动到起点 LineTo(hdc,point2.x,point2.y); //画线 ::ReleaseDC(m_hWnd,hdc); 方法II：使用CDC CDC *pdc=GetDC()
GDI+RoundRect
09-13
一个简单的用c++写的用windows gdi 画出来的圆角矩形，可能对ＵＩ设计有用
VML极道教程 VML极道教程
01-12
学习VML的很好的教程，介绍很全面，希望对大家有用。
VML极道教程(IE打开)
03-11
VML极道教程VML极道教程VML极道教程VML极道教程VML极道教程VML极道教程
VML极道教程.VML极道教程.
11-03
VML极道教程.VML极道教程.VML极道教程.VML极道教程.
VML极道教程
10-09
非常详细的介绍了VML从入门到精通的一些技巧，很值得研究，并非原创，也是自己收集过来的而已，但很值得分享
VML极道教程 vml学习
03-08
自己学习vml时用的教程，属于入门级的，好东西分享一下
HTML 入门
最新发布
lvshihao_的博客
04-16 998
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
html2pdf,qrcode库及url参数拼接
m0_45093055的博客
04-16 424
html2pdf 是一个可以将 HTML 内容转换为 PDF 文件的库。它通常用于前端或服务器端，将网页或 HTML 字符串转换为可打印或可分享的 PDF 格式。这对于需要将网页内容保存为 PDF 或者生成报表等场景非常有用。text参数在qrcode库中不是直接表示页面路径，但你可以将页面路径（URL）作为文本内容传递给toDataURL函数来生成一个指向该页面的二维码。此篇文章主要是对html2pdf,qrcode库及url参数拼接的零散整理。
javascript动态创建VML
05-14
上面的代码将创建一个矩形VML元素，并将其添加到文档中。您可以通过设置VML元素的属性来定义其外观和位置。请注意，VML元素只能在Internet Explorer中使用，因此建议使用更现代的SVG元素来呈现图形。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值