Canvas大小改变后进行图像重绘

        Canvas的大小如果改变了,会把所有图像进行清除,但是实际应用中经常会出现需要改变Canvas大小的需求,尤其是安卓设备上,如果页面的输入法打开了再关闭就会引起Canvas的大小改变。现在寻找到了在大小改变之前进行存储图像,改变后再重绘图像的办法,顺便将Canvas的大小设置进行记录。

        Canvas的大小设置不能采用CSS的style进行设置,CSS的方式只是对Canvas进行缩放,图像会随之变大或变小,但是采用Canvas提供的方式改变其大小则图片不会随之缩放,即直接设置画布的width和height属性。

function canvasOnResize(height, width)
{
	ctx = context; 
	var imageData = cxt.getImageData(0,0,canvas.width,canvas.height);// 保存当前图像
<pre name="code" class="javascript"><span style="white-space:pre">	</span>canvas.height = height;
<span style="white-space:pre">	</span>canvas.width = width;
<pre name="code" class="javascript"><span style="white-space:pre">	</span>cxt.putImageData(imageData,0,0); //重绘大小改变前保存的图像
}

 
 


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值