canvas是HTML5的一个新添加的元素,HTML5 canvas是一个原生HTML绘图薄,用于Javascript代码,不使用第三方工具。canvas部分方法列表:方法用途getContext(contextId)公开在 canvas 上绘图需要的 API。惟一(当前)可用的 context.....
分类:
其他好文 时间:
2014-08-29 17:38:08
阅读次数:
223
引言
在Android3.0后,Android的2D渲染通道开始支持硬件加速,也就是说所有View的Canvas绘画动作都会使用GPU,同时也代表着应用程序会损耗更多的内存。而在Android4.0(API14)之后硬件加速功能就被默认开启了。如果你的应用程序是由各种标准View和Drawable组成的,那么硬件加速并不会引起任何不适。众所周知,使用硬件加速会调用到OpenGL,但是Op...
分类:
移动开发 时间:
2014-08-29 16:08:38
阅读次数:
199
试用支持canvas的浏览器,无JS依赖,运用新的HTML5技术DrawBoard.renderDrawer('myHandWrite',{penColor:'#FF0000',penWidth:'1px'});仅一段代码就可渲染出整个绘图板?1. [文件] Drawer.js/*** @class...
分类:
Web程序 时间:
2014-08-29 15:50:28
阅读次数:
312
Canvas绘图API Demos上一篇文章中,笔者已经给大家演示了怎么快速用Canvas的API绘制一个矩形出来。接下里我会在本文中给各位介绍Canvas的其他API:绘制线条、绘制椭圆、绘制图片、图片处理等...如果想获得更好的阅读效果请点击老马的独立博客地址。一、Canvas绘制线条Conte...
1.[图片]lxdpie.jpg?2. [文件] lqdpie.html ~ 801B 下载(7) 刘强东吃饼 Your browser does not support the HTML5 canvas tag. 3. [文件] pie.js ~ 3K...
分类:
Web程序 时间:
2014-08-28 18:02:55
阅读次数:
421
这是一款基于Canvas的HTML5图表应用,在图表数据初始化的时候伴随动画效果。在线演示:点击演示源代码下载:点击下载核心jQuery代码:var myData = { labels : ["Mo","Di","Mi","Do","Fr","Sa","So"], datasets : [ { .....
分类:
Web程序 时间:
2014-08-28 13:17:19
阅读次数:
191
我们的图片大部分都是可以转换成base64编码的data:image。 这个在将canvas保存为img的时候尤其有用。虽然除ie外,大部分现代浏览器都已经支持原生的基于base64的encode和decode,例如btoa和atob。(将canvas画布保存成img并强制改变mimetype进行下...
分类:
其他好文 时间:
2014-08-28 13:08:19
阅读次数:
270
/////////继承SurfaceView 的类
public class PaintView extends SurfaceView implements Runnable,SurfaceHolder.Callback {
private float mX;
private float mY;
private Paint mPaint = null;...
分类:
其他好文 时间:
2014-08-28 11:28:19
阅读次数:
185
今天我们要来分享一些很酷的HTML5动画演示,HTML5的强大之处在于它可以利用canvas的特性来绘制很多普通网页无法完成的图形和动画,canvas就像一块超级画板,在上面不仅可以实现平面图形,而且一些3D动画也非常简单。很多HTML5动画也都基于canvas,一起来看看吧。HTML5/CSS3实...
分类:
Web程序 时间:
2014-08-28 09:32:09
阅读次数:
433
引言:Canvas绘图API快速入门在接触HTML5的初学者包括我都在很多地方见到非常炫的一些页面,甚至好多学习HTML5的开发者都是冲着Web端的页游去的,那么HTML5那么绚丽的页面效果以及游戏动画效果的原理是怎样的?本篇文章将带您在20分钟内快速了解和上手HTML5游戏开发的神器:Canvas...