在C#中怎么样用VML画图,C#.net做网页

来源:学生作业帮助网 编辑:六六作业网 时间:2024/05/11 18:48:40
在C#中怎么样用VML画图,C#.net做网页在C#中怎么样用VML画图,C#.net做网页在C#中怎么样用VML画图,C#.net做网页新建网站,在Default.aspx源模式下,修改成如下代码:

在C#中怎么样用VML画图,C#.net做网页
在C#中怎么样用VML画图,
C#.net做网页

在C#中怎么样用VML画图,C#.net做网页
新建网站,在Default.aspx源模式下,修改成如下代码:
无标题页
v\:*{behavior:url(#default#VML);}


包含内容

运行,会看到画了一个红色实心圆(oval是圆)、一个蓝色空心圆和一个圆角矩形.注意代码中我将aspx最上面两行代码删除了,包括那个page,否则图形显示不出来.
从代码看,与html代码没有什么区别,我们只要了解用哪些标签就可以了.这个先放一放,到第3部分再说,我们先看一下移动效果.
2.图形移动
下面我们让蓝色空心圆用鼠标点击后,可以跟随鼠标移动.代码如下:
无标题页
v\:*{behavior:url(#default#VML);}
var enableMove = false;
function mouseMove()
{
if(enableMove)
{
x.style.posLeft=event.x;
x.style.posTop=event.y;
}
}
function mouseDown(oEvent)
{
enableMove = true;
document.onmousemove=mouseMove;
}
function mouseUp(oEvent)
{
enableMove = false;
}

包含内容

注意阴影部分代码.蓝色空心圆我们给了一个id为x,并将mousedown事件设置为函数mouseDown.该函数先将全局变量enableMove置为true,在mouseMove中,如果该变量为true,则x的位置跟随鼠标移动.Body中增加onmouseup事件,即鼠标松开鼠标后将变量置回false.
可以运行看一下效果.
3.常用VML标签
标签 图形
Line 直线
Oval 圆
Rect 矩形
RoundRect 圆角矩形
Arc 圆弧
Image 图片
Polyline 多边形
Fill 填充
Textbox 文本框
4.VML特有属性
属性名 默认值 值类型/范围 用途
strokeweight 0.75pt=1px number 描述图形的边框粗度
strokecolor black color 描述图形的边框颜色
stroked true boolean 描述图形是否使用边框
fillcolor white color 描述图形的背景颜色
filled true boolean 描述图形是否使用背景
print true boolean 描述图形是否允许被打印机打印
coordsize 1000,1000 Vector2D 暗示图形与容器空间的大小比例
coordorigin 0 0 Vector2D coordinate at top-left corner of element
wrapcoords null string outline to use for tight text wrapping
VML支持id、name、class、title、style等html通用属性.