看了MOMO的游戏界面关闭的特效后,想想,做了个游戏界面开始的动画效果,原理主要是利用裁剪图的
canvas.clipRect方法的应用
效果截图:
未相交之前:
相交之后:
主要的代码如下:
// 建立遮罩效果动画
private void drawClip(Canvas canvas) {
// 动画完成时,把整张图片显示出来
if (isStop3) {
canvas.drawBitmap(bitmap, 0, 0, null);
return;
}
// 当进行到当完成,将动画停止,但别忘了把背景图片显示出来
if (steep30 >= viewW && viewW != 0) {
steep30 = 0;
steep31 = 0;
isStop3 = true;
canvas.drawBitmap(bitmap, 0, 0, null);
return;
}
// 20开始
for (int i = 0; i <= viewH; i = i + 40) {
// 创建从左到右的遮罩动画
clip(canvas, bitmap, steep30, 20, 0, i);
// 创建从右到左的遮罩动画
clip(canvas, bitmap, steep31, 20, viewW - steep31, i + 20);
}
// 运行一次遮罩动画前进行距离
steep30 += 5;
steep31 += 5;
}
//进行图片裁剪
private void clip(Canvas canvas, Bitmap bit, int w, int h, int posX,
int posY) {
canvas.save();
canvas.clipRect(posX, posY, posX + w, posY + h);
canvas.drawBitmap(bit, 0, 0, null);
canvas.restore();
}
分享到:
相关推荐
讲解使用canvas.save()和canvas.restore()的demo
比较直观的描述clipRect的使用方法和含义
NULL 博文链接:https://trylovecatch.iteye.com/blog/1176031
canvas.text.js
jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载jsPdf.debug.js和html2canvas.js下载
html2canvas.js 和html2canvas.min.js 以及应用示例
html2canvas.min.js 用于在前端现实html转pdf,转换效率高
主要介绍了 Android canvas drawBitmap方法详解及实例的相关资料,需要的朋友可以参考下
flashcanvas.min.js flashcanvas.min.js flashcanvas.min.js flashcanvas.min.js
NULL 博文链接:https://showmo.iteye.com/blog/1292615
对学习android的朋友在画图上有很大的参考意义
Android截图圆形Canvas.rar
主要给大家介绍了关于利用Android画圆弧canvas.drawArc()的相关资料,文中通过示例代码介绍的非常详细,对大家的理解和学习具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
html2canvas.js实现整个区域甚至整个页面的截取,再次声明这不是一个小小的头像图片的移动截取(小小的截取就不要下载喽),是整个页面的截取;网页端需要的不多,就是现在不太好找了,所里我整理了一下
html2canvas.js下载
html2canvas.js 测试好用
该资源有demo 亲测可用 并且兼容IE 目前所测试浏览器就是 谷歌和IE
html2canvas(document.querySelector... var canvasWidth = canvas.width; var canvasHeight = canvas.height; Canvas2Image.saveAsImage(canvas, canvasWidth, canvasHeight, "png", '${data.inspectionNo}'); });
SrcR := ImgTabyes.Canvas.ClipRect; DestR := Rect; Canvas.CopyRect(DestR, ImgTabyes.Canvas, SrcR); 不活动时: ImgTabyes.LoadFromResourceName(HInstance, 'TABNO1'); SrcR := ImgTabyes.Canvas.ClipRect...