多比图形控件（Web版）教程（四）：图形图元的样式修改

2019独角兽企业重金招聘Python工程师标准>>>

多比图形控件（Web版）下载>>>

 

先看看在多比图形控件（Web版）编辑器中，图元的属性编辑窗口。

 

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

样式变量：默认值	说明
x: 100,	x坐标
y: 100,	y坐标
r: 0,	旋转的角度
width:100,	图形的宽度
height:80,	图形的高度
lineColor: "1F07F5"，	线条颜色
lineAlpha: 100，	线条的透明度，默认为不透明
fillColor: "B3B3F2",	填充的颜色
fillAlpha: 80,	填充的透明图，默认为80%透明
lineWidth: 2,	线条宽度

 

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

1 2 3 4

//使用画图空间产生一个图形,所有的样式采用默认值 var shape = sa.createShape("StandardShapes.Rectangle", { }); //使用画图空间产生一个图形,高度为200， 宽度为200， 颜色为FF0000 var shape = sa.createShape("StandardShapes.Rectangle", { height: 200, width: 200，lineColor: "FF0000" });

转载于:https://my.oschina.net/u/3279502/blog/1593789