- 浏览: 316624 次
- 性别:
- 来自: 广州
最新评论
-
ganbo:
我也遇到了,非常感谢。
实体类注解错误:Could not determine type for: java.util.List -
low_profile:
太感谢了,,,接手别人的项目/..代码风格不同 坑死我了 ...
实体类注解错误:Could not determine type for: java.util.List -
apang:
2016年6月15日 14:05:02,非常感谢,解决我的问题 ...
实体类注解错误:Could not determine type for: java.util.List -
liveabc:
你好,能发送一份代码不? liveabc@163.com 谢谢 ...
单点登录cas与权限管理框架shiro集成-spring项目方式 . -
zqb666kkk:
请问有示例源码吗
单点登录cas与权限管理框架shiro集成-spring项目方式 .
注:其中所有的left:top:都是针对图左上角的,比如圆,他的左上角应该是以圆为中心的矩形的左上角
1.line(直线)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一条从(0,0)到(200,200)的红色的边框为2px的直线</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:line strokecolor="red" strokeweight="2" style="z-index:5;position:absolute;left:233;top:150" from="0,0" to="200,200"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一条从(0,0)到(200,200)的红色的边框为2px的直线</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:line strokecolor="red" strokeweight="2" style="z-index:5;position:absolute;left:233;top:150" from="0,0" to="200,200"/> </body> </html>
b.专用属性:from 起点坐标;
to 终点坐标
2.Oval(圆)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一个宽400高400边框为红色填充为绿色的圆</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:Oval strokecolor='red' fillcolor='green' style='width:400;height:400'/>
- </body>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一个宽400高400边框为红色填充为绿色的圆</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:Oval strokecolor='red' fillcolor='green' style='width:400;height:400'/> </body>
</html>b.专用属性:无
c.其他说明:其高宽主要由style中的width和height决定
3.rect(矩形)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一个宽100高100的矩形</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:rect style="position:absolute;z-index:1;left:320px;top:150px;width:100;height:100;"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一个宽100高100的矩形</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:rect style="position:absolute;z-index:1;left:320px;top:150px;width:100;height:100;"/> </body> </html>
b.专用属性:无
c.其他说明:其高宽主要由style中的width和height决定
4.roundrect(圆角矩形)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一个圆角矩形</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:roundrect style="position:absolute;z-index:1;left:220;width:100;top:100;height:100" fillcolor="red" strokecolor="red" strokeweight="1px" arcsize="0.15"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一个圆角矩形</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:roundrect style="position:absolute;z-index:1;left:220;width:100;top:100;height:100" fillcolor="red" strokecolor="red" strokeweight="1px" arcsize="0.15"/> </body> </html>
b.专用属性:arcsize 描述圆矩形四角的弧度值,0-0.5,默认值0.05
c.其他说明:其高宽主要由style中的width和height决定
5.arc(圆弧)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一个圆弧</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:arc style="z-index:1;left:110;width:100;position:absolute;top:10;height:100" startangle="-180" endangle="0"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一个圆弧</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:arc style="z-index:1;left:110;width:100;position:absolute;top:10;height:100" startangle="-180" endangle="0"/> </body> </html>
b.专用属性:startangle 圆弧的起点缺口,取值范围-360-360,默认值-180;
endangle 圆弧的终点缺口,取值范围-360-360,默认值null(0)
c.其他说明:其高宽主要由style中的width和height决定
6.polyline(多边形)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一个多边形</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:polyline style="z-index:1;left:71;position:absolute;top:225" points="0,0,30,-40,100,100,0,0" filled="t" fillcolor="white"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一个多边形</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:polyline style="z-index:1;left:71;position:absolute;top:225" points="0,0,30,-40,100,100,0,0" filled="t" fillcolor="white"/> </body> </html>
b.专用属性:points 各折点坐标,上例表示(0,0)、(30,-40)、(100,100)、(0,0)四个点
7.curve(曲线)
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建一条曲线</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:curve style="z-index:1;left:100;position:absolute;top:300" from="0px,0px" to="150px,0px" filled='f' control1="75,150" control2="75,-150"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建一条曲线</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:curve style="z-index:1;left:100;position:absolute;top:300" from="0px,0px" to="150px,0px" filled='f' control1="75,150" control2="75,-150"/> </body> </html>
b.专用属性:from 起点
to 终点
control1 曲线的第一个曲度
control2 曲线的第二个曲度
c.其他说明:control1、control2可用都不用、用一个或用两个都用
8.shape(任意形状)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>创建任意曲线</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m 0,0 l 100,100 e"/>
- <v:shape style="width:100;height:100" coordsize="50,50" filled="f" strokecolor="blue" path="m 0,0 l 0,100,100,100,100,0,0,0 e"/>
- <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m 0,0 l 0,100,100,100,100,0,0,0 e"/>
- <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m0,0 c130,-90,30,90,150,180 e"/>
- <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m0,0 c130,-90,30,90,150,180 x e"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>创建任意曲线</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m 0,0 l 100,100 e"/> <v:shape style="width:100;height:100" coordsize="50,50" filled="f" strokecolor="blue" path="m 0,0 l 0,100,100,100,100,0,0,0 e"/> <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m 0,0 l 0,100,100,100,100,0,0,0 e"/> <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m0,0 c130,-90,30,90,150,180 e"/> <v:shape style="width:100;height:100" coordsize="100,100" filled="f" strokecolor="blue" path="m0,0 c130,-90,30,90,150,180 x e"/> </body> </html>
b.专用属性:path 路径(m 起点、 l 画直线、 c 画曲线、x 曲线自动闭合、 e 结束)
coordsize 比例(实际宽:width*100/coordsize第一个值;实际高:height*100/coordsize第二个值)
type 引用模板的名称
9.shapetype(模板)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>模板使用示例</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:ShapeType id="m1" coordsize="1000 1000" fillcolor="yellow">
- <v:Path v="m0,0 l30,-30,60,0,0,0 e"/>
- </v:ShapeType>
- <v:Shape style="z-index:1;left:271;width:1000;position:absolute;top:225;height:1000" type="#m1"/>
- <v:Shape style="z-index:1;left:371;width:2600;position:absolute;top:225;height:4600" type="#m1"/>
- <v:Shape style="z-index:1;left:271;width:1000;position:absolute;top:300;height:1000" type="#m1" fillcolor="red"/>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>模板使用示例</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:ShapeType id="m1" coordsize="1000 1000" fillcolor="yellow"> <v:Path v="m0,0 l30,-30,60,0,0,0 e"/> </v:ShapeType> <v:Shape style="z-index:1;left:271;width:1000;position:absolute;top:225;height:1000" type="#m1"/> <v:Shape style="z-index:1;left:371;width:2600;position:absolute;top:225;height:4600" type="#m1"/> <v:Shape style="z-index:1;left:271;width:1000;position:absolute;top:300;height:1000" type="#m1" fillcolor="red"/> </body> </html>
b.其他说明:shapetype是专门用来定义形状摸版的(不可见),而后在由shape标记引用、将模版实例化的按照path子属性值输出多边形(可见)。
10.background(背景)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>背景示例</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:background fillcolor="white">
- <v:fill angle=50 type='gradient' color2="yellow"/>
- </v:background>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>背景示例</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:background fillcolor="white"> <v:fill angle=50 type='gradient' color2="yellow"/> </v:background> </body> </html>
11.group(容器)
a.示例:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>容器示例</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:group id="group1" style='position:absolute;left:0;top:0;z-index:1;width:100;height:100' coordsize="100,100">
- <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/>
- <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/>
- <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/>
- <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/>
- </v:group>
- <v:group id="group2" style='position:absolute;left:100;top:100;z-index:1;width:100;height:100' coordsize="100,100">
- <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/>
- <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/>
- <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/>
- <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/>
- </v:group>
- <v:group id="group3" style='position:absolute;left:100;top:100;z-index:1;width:200;height:200' coordsize="100,100">
- <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/>
- <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/>
- <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/>
- <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/>
- </v:group>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>容器示例</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:group id="group1" style='position:absolute;left:0;top:0;z-index:1;width:100;height:100' coordsize="100,100"> <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/> <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/> <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/> <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/> </v:group> <v:group id="group2" style='position:absolute;left:100;top:100;z-index:1;width:100;height:100' coordsize="100,100"> <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/> <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/> <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/> <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/> </v:group> <v:group id="group3" style='position:absolute;left:100;top:100;z-index:1;width:200;height:200' coordsize="100,100"> <v:oval style="left:100;top:100;width:50;height:50" fillcolor="white"/> <v:rect style="left:200;top:100;width:50;height:50" fillcolor="yellow"/> <v:rect style="left:100;top:200;width:80;height:80" fillcolor="red"/> <v:arc style="left:200;top:200;width:80;height:80" startangle="360" endangle="167" fillcolor="blue"/> </v:group> </body> </html>
b.其他说明:当使用group后,容器内图形的left、top、width、height等值都是相对group的值。
五、二级标记
二级标记可以看作是对有限的属性进行扩展,就像CSS和HTML的关系一样,利用它我们可以做出更漂亮的图画出来,如上边background(背景)中就使用了fill二级标记,下边我们再来看下如何利用二级标记画一条带箭头的直线:
- <html xmlns:v="urn:schemas-microsoft-com:vml">
- <head>
- <title>二级标记示例</title>
- <style>
- v\:* { behavior: url(#default#VML);}
- </style>
- </head>
- <body>
- <v:line style="z-index:5;position:absolute;left:200;top:200" to="0,150" strokecolor="red" strokeweight="10px">
- <v:Stroke dashstyle="shortdot" endarrow='classic'/>
- </v:line>
- </body>
- </html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>二级标记示例</title> <style> v\:* { behavior: url(#default#VML);} </style> </head> <body> <v:line style="z-index:5;position:absolute;left:200;top:200" to="0,150" strokecolor="red" strokeweight="10px"> <v:Stroke dashstyle="shortdot" endarrow='classic'/> </v:line> </body> </html>
例子中的stroke即为二级标记,它可以用来设置边框样式,除此之外还有shadow(阴影)、fill(填充)、extrusion(立体3D)、 textbox、imagedata(背景图片)等二级标记。二级标记也有自己的属性,我们只须通过设置这些属性就能画出各种漂亮的图来。二级标记的使用也非常简单,直接嵌套于图形标签中即可。
发表评论
-
jquery获得select option的值 和对select option的操作
2012-06-09 21:33 1339获取Select : 获取select 选中的 t ... -
JQuery设置select控件只读
2012-06-09 17:33 16728select控件是一个特别的控件,没有readOnly属性 ... -
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
2011-11-15 12:03 5529//判断浏览器类型 2 var is ... -
数据类型和Json格式
2011-07-30 20:02 8391. 前几天,我才知道有一种简化的数据交换格式,叫做ya ... -
关于javascript的apply和call函数
2011-07-26 00:05 6961、关于javascript的apply和call函数 ... -
freemark中split()的用法
2011-06-21 16:31 1115<#assign tvalue="my,nam ... -
限制文本域(textarea)输入字符数
2011-06-10 18:28 733以下为限制用户在文本域中输入的字符为100以内: 写道 & ... -
Velocity手册
2011-05-07 13:30 810Velocity是什么?Velocity是 ... -
Velocity的学习笔记
2011-05-07 13:28 1187简要 References begin with $ and ... -
7个非常优秀的高质量图标搜索引擎
2011-04-11 16:05 9701.http://www.iconfinder.com/ ... -
FusionCharts参数设置
2011-03-28 11:48 1490FusionCharts 参数设置功能特性animation ... -
freemarker以分号或垂直线隔开而循环
2011-03-10 19:56 1640<#if areas?exists & ... -
好网址收藏
2011-02-26 17:19 955My97日期控件:http://www.my97.net/dp ... -
Javascript监听网页刷新与关闭事件
2011-02-21 10:18 2233<script language="jav ... -
关于一个javascript的replaceAll()
2011-02-18 12:14 1096javascript本身没有replaceAll()这个方法, ... -
Document对象内容集合
2011-01-20 11:54 1051document 文挡对象 - J ... -
FreeMark内置函数使用说明
2011-01-11 09:47 983在我们应用Freemarker过程中,经常会操作例如字符串,数 ... -
freemarker语法2
2011-01-07 17:21 6285最常用的概念1、 scalars:存储单值 字符串:简单文本 ... -
window.location.target控制问题
2011-01-05 11:28 11921location对象没有target属性.用js遍历所有的a, ... -
div属性
2011-01-03 11:23 1098div属性 div属性 color : #9999 ...
相关推荐
VML 画图 统计图、 柱状图、 饼图、 折线图
在web页面通过vml画图,如显示cpu使用率,内存使用率等等,动态绘制曲线和图形
VML画图,VML手册
基于VML与SVG的矢量图形构架.pdf
vml在线画图用例,含Flashvml2及Flashvml3的用例。 什么是vml? VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是...
将输出在页面上的vml图 导出到excel 中的矢量图 可在excel中编辑
NULL 博文链接:https://jxdwuao.iteye.com/blog/487942
在线VML画图工具flashvml2&2
vml类的js,方便使用vml实现画图 js源代码,可以在任何平台上使用,简单,方便
VML语言学习资料,VML语言学习画图,可以详细的学习
使用vml技术在网页上画图,经典基础教材。
用vml画饼状图用vml画饼状图用vml画饼状图用vml画饼状图
利用VML标记语言画图、动画制作,一些相关代码的实例
vml,vml画图,呵呵,vml报表vml,vml画图,呵呵,vml报表vml,vml画图,呵呵,vml报表vml,vml画图,呵呵,vml报表vml,vml画图,呵呵,vml报表vml,vml画图,呵呵,vml报表
VML图像画版,用VML画图,生成VML代码
vml画图 实现VML画圆、画线、画矩形的操作 封转的挺好啊
学习VML的好材料 程序中只有2个HTM文件,是个学习VML的好材料!
VML的基本概念,Shape对象与VML坐标系,Line,Polyline(线)对象,Rect,RoundRect(矩形)对象,Oval(圆)对象,Image(图像)对象,Group容器,ShapeType给VML制作模版,VML编程技巧,VML典型例子 等等
vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml曲线走势图vml...