先来看效果：
实现方式----->自定义控件
核心代码：
package com.example.wavedemo1;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
i...
分类：
移动开发 时间：
2014-07-26 15:08:20
阅读次数：
311
前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变（发散） 图形变形（平移、旋转、缩放） 矩阵变换（图形变形的机制） 图形组合 给图形绘制阴影 绘制图像（图片平铺、裁...
分类：
Web程序 时间：
2014-07-26 03:38:47
阅读次数：
246
body { width: 100%; height: 100% }
function aurora(){
alert( document.body.clientHeight );
var canvas = document.getElementById( "sky" );...
分类：
其他好文 时间：
2014-07-26 02:07:46
阅读次数：
219
1、问题以及解决办法
最近因为项目需要，需要实现一个位置校对的功能，大致的需求如下：有一个图片，有一些位置信息，但是位置信息可能和实际有些偏差，需要做简单调整，后面会对这张图片进行切割等，做些处理。（位置信息连接起来是一个个小矩形。）
解决以上问题的大致思路如下：使用canvas进行绘制，把图片作为canvas的背景，在canvas上绘制矩形，类似于qq截图一样，矩形框可以使用鼠标拖动调整大小。然后在记下修改后的位置，提供给后面切割图片使用。目前的关键问题就是实现类似qq截图那样可以拖动的矩形。...
分类：
其他好文 时间：
2014-07-26 02:01:56
阅读次数：
444
开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规....
分类：
其他好文 时间：
2014-07-25 19:14:22
阅读次数：
346
这里说的是在绘图中两者的区别： 1View在绘图中，重写onDraw(Canvas canvas)方法，通过invaldate()和pastInvalidate()两个方法进行重新绘制画布; invalidate()不能再自己创建的线程中循环调用； postInvalidate()...
分类：
其他好文 时间：
2014-07-25 11:38:57
阅读次数：
484
function rain() {
var canvas = document.getElementById( "sky" );
var context = canvas.getContext( "2d" );
var canvas_width = canvas.width;...
分类：
其他好文 时间：
2014-07-24 23:12:13
阅读次数：
235
前几天自己做了个四分之一的圆,放到手机里面测试.效果不是很好.于是今天通过查资料,找到了canvas.自己研究了一天,发现可以使用canvas画圆.代码如下: 1 2 3 4 5 6 7 8 9 10 38 39 效果如图:说明如图所示:
分类：
Web程序 时间：
2014-07-24 22:18:52
阅读次数：
277
HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 Java.....
标签是 HTML 5 中的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件， 其中就有绘图的方法，js能够调用它来进行绘图，最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实 验。温馨提示：以下所有实验请使用最新版的opera,火狐.定义: ....
分类：
Web程序 时间：
2014-07-24 17:21:05
阅读次数：
287
