4.1 使用canvas元素 HTML5新增了一个元素,该元素专门用于绘制图形。但实际上,元素自身并
不会绘制图形,它只是相当于一张空画布。如果开发者需要向上绘制图形,则必须使用JavaScript 脚本进行绘制。 元素可以指定如下两个属性。 ...
分类:
其他好文 时间:
2014-06-11 12:52:22
阅读次数:
266
一。重要方法1.translate2.scale3.rotate二。注意1.明确顺序canvas.rotate(45);canvas.drawRect(new
Rect(50, 50, 100, 100), paint);如果顺序调换,则没有旋转的效果2.转换的时候,需要把转换的中心点移到shape...
分类:
移动开发 时间:
2014-06-11 12:48:30
阅读次数:
379
随着html5技术的不断成熟,用html5开发网页游戏也是一种趋势。本文将讲解使用html5中的canvas标签编写一个小球击小方块的休闲游戏,阐述了编写的流程以及编写的注意事项和代码的分析。主要从定义画布开始,随后说明小球、移动小方块和小方块的定义,然后添加各个模块的方法事件,最后判断其游戏的成功和失败。文中还包含部分源代码、源代码下载地址和相关逻辑的图解说明。...
分类:
Web程序 时间:
2014-06-10 15:21:57
阅读次数:
289
/**
* Canvas清屏的操作
*
* 参考资料: http://blog.csdn.net/lfdfhl/article/details/9076001
*
*/
private void cleanCanvas() {
mCanvas = mSurfaceHolder.lockCanvas();
if (mCanvas != null) {
Pain...
分类:
其他好文 时间:
2014-06-10 14:04:46
阅读次数:
173
两种思路,第一种思路是通过对Bitmap进行操作,将Bitmap的像素值get到一个int[]数组里,因为在android里Bitmap通常是ARGB8888格式,所以最高位就是A通道的值,对齐进行改变后再新建一个Bitmap即可。第二种思路是通过设置canvas的paint的透明度,然后通过canvas.drawBitmap()来改变View的透明度。具体代码如下:第一种思路:public st...
分类:
移动开发 时间:
2014-06-10 08:17:03
阅读次数:
280
我们都知道如何在html5的canvas画布上绘制静态图片(jpeg,
png等),直接用canvas中的drawImage方法即可,那么如何绘制动态图片(gif)?相信大家都知道动态图片之所以动态,是因为它是由很多图片按一定的帧数顺序播放而成的,因此我们是否也可以模拟这样的帧数,每隔一定的时间.....
分类:
Web程序 时间:
2014-06-09 23:54:20
阅读次数:
533
4.6 位图处理 4.6.1 位图裁剪
CanvasRenderingContext2D提供了一个clip()方法,这个方法会吧Canvas的当前路径裁剪下来。
一旦调用了CanvasRenderingContext2D对象的clip()方法之后,接下来向Canvas绘制图...
分类:
其他好文 时间:
2014-06-09 15:40:03
阅读次数:
207
画板案例:
步骤:
步骤一:声明一些全局上使用的变量:
//
接收布局文件上的图片显示控件
private ImageView
iv;
//
声明一个可以用来编辑的bitmap
private Bitmap
baseBitmap;
//
画布的声明
private Canvas
canvas;
//
画笔的声明...
分类:
移动开发 时间:
2014-06-08 18:23:51
阅读次数:
244
android 中使用Canvas的drawText绘制文本的位置,是基于基线的。如下图:
其中字母Q的小尾巴在横线下面了。
怎么样找准字母的中心位置呢?
先看下面的例子:(右边的数字,表示字体的 left, top, right, bottom)
这里面的关键是Paint.getTextBound。 getTextBound会填充一个Rect,这个Rect表示...
分类:
移动开发 时间:
2014-06-08 09:08:44
阅读次数:
279
Android 操作Canvas时,可以对一些区域进行多次的操作(包括与、或、非、异或等),示例代码如下...
分类:
移动开发 时间:
2014-06-07 16:19:28
阅读次数:
322