多比图形控件教程4

  • 2000-01-01 00:00:00
  • 关键字:


3.2 图元样式

先看看在多比图形编辑器中,图元的属性编辑窗口

设置图元的不同树形

我们经常关心的图元的样式,在默认的情况下,我们支持以下几种样式的类型。


样式变量:默认值

说明

x: 100,

x坐标

y: 100,

y坐标

r: 0,

旋转的角度

width:100,

图形的宽度

height:80,

图形的高度

lineColor: "1F07F5",

线条颜色

lineAlpha: 100,

线条的透明度,默认为不透明

fillColor: "B3B3F2",  

填充的颜色

fillAlpha: 80,      

填充的透明图,默认为80%透明

lineWidth: 2,

线条宽度




每一种图元都有默认的样式, 如果你不定义新的样式,那么生成图形的时候就会采用默认的样式。下面是一个具体的例子。



//使用画图空间产生一个图形,所有的样式采用默认值

var shape = sa.createShape("StandardShapes.Rectangle", { });

//使用画图空间产生一个图形,高度为200, 宽度为200, 颜色为FF0000

var shape = sa.createShape("StandardShapes.Rectangle", { height: 200, width: 200,lineColor: "FF0000" });



2.5 修改图形的样式


经常会遇到的一种情况是, 我们会根据实时的数据,改变图形的样式,例如大小,坐标位置, 旋转角度等等。


我们以一个改变坐标位置为例,说一说如何