1.使用strokeRect和fillRect方法绘制矩形
a.strokeRect是绘制一个不填充的矩形 b.fillRect是绘制一个填充的矩形 代码: 效果如图: 2.通过lineTo绘制矩形 效果图如下:
分类:
Web程序 时间:
2014-05-01 20:00:07
阅读次数:
427
画完一个图后保存canvas状态→save()保存使处安全状态,不影响别人,也不被他人影响。
接着画完别的图形后恢复canvas状态→restore()释放出原来安全区域的图形养成好习惯。
分类:
Web程序 时间:
2014-05-01 10:45:25
阅读次数:
353
前两天跟朋友说起以前玩的DUBO的“动物世界”的游戏,下载了一个android的,觉得不太爽,干脆按照以前玩的感觉自己做了一个,这个版本没有用canvas,主要用css3
的transform 属性,在手机端效率太差劲了,还望高人指点效率迷津。说明:1.45秒压点倒计时2.10秒中奖反馈倒计时3.随...
分类:
其他好文 时间:
2014-04-29 22:31:42
阅读次数:
689
一、相关概念1、Drawable就是一个可画的对象,其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个图层(LayerDrawable),我们根据画图的需求,创建相应的可画对象2、Canvas画布,绘图的目的区域,用于绘图3、Bitmap...
分类:
移动开发 时间:
2014-04-29 19:01:21
阅读次数:
619
1、效果图:
2、核心代码:
package com.example.pic_reflection;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import and...
分类:
移动开发 时间:
2014-04-29 13:35:22
阅读次数:
520
在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字。
在代码中均给出了注释,在这里特别强调的一点是:使用canvas画图时有时候必须beginPath和colsePath,但有时不需要,为了防止出现问题,可以在每次重新画一个图时重新开启路径,画完后关闭路径。
这些代码是在猎豹浏览器上实现的,有些浏览器...
分类:
Web程序 时间:
2014-04-29 13:14:21
阅读次数:
319
概述绘图方法图像处理方法drawImage方法getImageData方法,putImageData方法toDataURL方法save方法,restore方法像素处理灰度效果复古效果红色蒙版效果亮度效果反转效果参考链接概述Canvas
API(画布)用于在网页实时生成图像,并且可以操作图像内容,基本...
检测浏览器支持情况加入Canvas对角线 //取得Canvas元素及其绘图上下文 var canvas
= document.getElementById("diagonal"); var context = canvas.getContext("2d");
//用绝对坐标来创建一条路径 ...
之前写的《Android
ImageSwitcher和Gallery的使用》一文中提到我在教室一下午为实现那个效果找各种资料。期间在网上找了一个个人觉得比较不错的效果,现在贴图上来:其实这个效果使用的知识点就是图像的获取、创建、缩放、旋转、Matrix类、Canvas类等,另外就是自定义的Galle...
分类:
移动开发 时间:
2014-04-28 16:06:46
阅读次数:
714
(1)主要用了paint ,canvas 两个类中的方法
(2)主要用了画线和画圆的方法。
(3)drawline(起始点轴坐标,起始点y轴坐标,终点轴坐标,终点y轴坐标)
(4)drawcircle(圆心x轴坐标,圆心y轴坐标,半径,画布)
效果图:
直接上代码了:
package com.example.drawpicture;
import android.conten...
分类:
移动开发 时间:
2014-04-27 22:44:20
阅读次数:
364