最近项目闲着没什么事，又想起了canvas， 针对移动端设备默认浏览器，做了点渲染方面效率的测试，手头设备不多 有一些低端机型和pc chrome做对比 ，现将测试数据分享给大家吧，本想和css animation动画一起测试比较一下，发现animation水的不行，效果跟canvas差很多 可能是因为我代码写的不好 ，webgl还没有普及到移动设备，所以也不做比较了，曾经看过一篇文章drawIm ...
2013-09-03 11:19 1 2861 推荐指数：
突然冒出需求要把报表显示在手机上，开始的PC端都是用svg做的; 试了下搬到手机上觉得不是蛮好用，找了其他的方法 用到了html5的canvas 用到了js库 http://www.rgraph.net 官网上有api 很多效果不错哦! 在这整理下，以备以后用到。 /------------------------------------------------------------ ...
转自：http://blogread.cn/it/article/5449?f=wb 很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多，很多新的技术已经出现，下面再来总结下还有哪些框架是适合面向手机设备的开发的。 1、jQuery Mobile jQuery ...
有些人有些不解，为什么Canvas的坐标是从左上角开始的，而且向下是Y的正方向，向右是X的正方向？其实我也很不理解~~ 为什么就不能给我们更多的自定义功能呢？下面我改写了一段Canvas画布调整的代码，包含了Canvas画布的移动、缩放和旋转等相关功能 注意：调整了画布后，以后 ...
1.第一个Canvas程序 看的是HTML5移动开发即学即用这本书，首先学习Canvas基础，废话不多说，直接看第一个例子。 效果图为： 代码如下： View Code 知识点： Canvas 的基本用法 1）取得Canvas对象 ...
在我们用phoengap+html5做的移动app中，经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况，原因是手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。 下面就介绍一下在iOS和Android ...
在我们用phoengap+html5做的移动app中，经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况，原因是手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。 下面就介绍一下在iOS和Android两个平台上如何在真机上对页面 ...
一．SVG(Scalable Vector Graphics,可伸缩矢量图形)和Canvas对比 1.Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG那样可以被放大缩小。 2.用Canvas绘制出的对象不属于页面DOM结构或者任何命名空间——这点被认为是 ...
先上代码： - Rectangles 绘制矩形对象 - context.fillRect(x,y,w,h) // 绘制矩形 - context.strokeRect(x ...
