本程序实现在一个画布中,用手指画图的效果。
需要使用的知识:
1 Canvas 画布,动态保存更新当前画面
2 Path 记录并画出手接触屏幕经过的路径
如下面效果图:
只需要按照默认设置新建一个项目,然后在输入java代码:
package com.example.sugestures;
import android.app.Activity;
import android...
分类:
移动开发 时间:
2014-12-19 09:18:15
阅读次数:
207
我们已经介绍了Canvas,在那里,已经学习了如何创建自己的View。在第7章中也使用了Canvas来为MapView标注覆盖。画布(Canvas)是图形编程中一个很普通的概念,通常由三个基本的绘图组件组成:Canvas 提供了绘图方法,可以向底层的位图绘制基本图形。Paint 也称为"刷子",Pa...
分类:
移动开发 时间:
2014-12-18 20:24:55
阅读次数:
288
我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到和手势来绘制一个透明的图形,这样就能看到Canvas背景下的真实图片,就达到刮刮卡效果。HTML我们只需要在页面中加入canvas标签元素,其他的就看javascript的了。注意...
分类:
Web程序 时间:
2014-12-16 16:34:22
阅读次数:
402
剪切区域也称为可视区域,是由画布进行设置的;它指的是在画布上设置一块区域,当画布一旦设置了可视区域,那么除此区域外,绘制的任何内容都将看不到;可视区域可以是圆形、矩形等等。画布提供了三种设置可视区域的方法。1.通过坐标,设置矩形可视区域clipRect(int left,int top,int ri...
分类:
移动开发 时间:
2014-12-16 11:18:12
阅读次数:
259
Sonic.js 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的(Loading)加载动画效果。
分类:
Web程序 时间:
2014-12-16 09:53:35
阅读次数:
201
// 正常绘制:
// ctx.drawImage(img, px, py);
// 水平“翻转”画布
ctx.translate(canvas_width, 0);
ctx.scale(-1, 1);
// 下面画的图片是水平翻转的
ctx.drawImage(img, canvas_width - img.width - px, py);
// 画布恢复正常...
分类:
其他好文 时间:
2014-12-15 17:27:23
阅读次数:
169
Canvas(画布)TheCanvasis the area for all UI elements to be inside. The Canvas is a Game Object with a Canvas component on it, and all UI elements must b...
分类:
其他好文 时间:
2014-12-15 15:10:10
阅读次数:
307
一、SurfaceView简介SurfaceView可以在主线程之外的线程中向屏幕绘图上。这样可以避免画图任务繁重的时候造成主线程阻塞,从而提高了程序的反应速度。在游戏开发中多用到SurfaceView,游戏中的背景、人物、动画等等尽量在画布canvas中画出。什么是Surface在这里要先说说什么...
分类:
移动开发 时间:
2014-12-15 15:07:24
阅读次数:
178
1.Canvas 画布画布类 Canvas 封装了图形和图片绘制等内容,此类常用的函数说明如下:drawColor(int color)作用:绘制颜色覆盖画布,常用于刷屏参数:颜色值,也可用十六进制形式表示(ARGB)drawText(String text,float x,float y,Pain...
分类:
移动开发 时间:
2014-12-14 17:04:51
阅读次数:
327
1.translate(x,y):平移,将画布的坐标原点向左右方向移动x,向上下方向移动y.canvas的默认位置是在(0,0). 例子:画布原点假如落在(1,1),那么translate(10,10)就是在原点(1,1)基础上分别在x轴、y轴移动10,则原点变为(11,11)。2.scale(x,...
分类:
其他好文 时间:
2014-12-11 13:43:03
阅读次数:
186