html5 js设置高度,html JavaScript html5 easeljs bitmap 图片宽高设置

中文API没有,自己去官网看英文的吧,英文也不难看懂。

设置宽高用scaleX,scaleY属性。

==================================

img.getBounds();获取img的外界矩形,相对于img的本地坐标(不是img的父容器坐标,这点和flash中不一样)。

img.setbounds(0,0,100,100);4个参数分别是x/y/width/height

其实setbounds不应该这么用,官方API中说的清楚,这个方法是为那些无法getBounds的对象用的,比如Shape(矢量图,用了graphics)/Text等。

举个例子:var circle=new createjs.Shape();

circle.graphics.beginFill("#00ff00");

circle.graphics.drawCircle(0,0,40);

stage.addChild(circle);

console.log(circle.getBounds());

上面这段代码console.log(circle.getBounds());会输出null。也就是说createjs引擎没有实现Shape计算外接矩形的方法。(事实上这个方法实现起来确实很麻烦,也很影响效率)。这个方法有时候很有用,所以createjs提供了一个setbounds()方法,让用户自己设置原始的外接矩形。

======================================

总结:

1、  createjs中,设置宽高应该用scaleX /scaleY属性。

2、如果用到了graphics或Text,还要用getBounds(),画完矢量图,或者设置完文字内容,需要自己调用TextField对象或者使用了的对象的setBounds()方法,手动设置对象的外接矩形。

===================================

题外话:

ActionScript3.0中设置width和height属性,其实最终也是设置的scaleX和ScaleY,只是引擎进行了封装而已。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值