html5 canvas移動設備渲染測試
最近項目閑着沒什么事，又想起了canvas， 針對移動端設備默認瀏覽器，做了點渲染方面效率的測試，手頭設備不多（有一些低端機型和pc chrome做對比），現將測試數據分享給大家吧，本想和css3 animation動畫一起測試比較一下，發現animation水的不行，效果跟canvas差 ...
原文：在移動設備上使用html5 canvas 實現報表
突然冒出需求要把報表顯示在手機上，開始的PC端都是用svg做的 試了下搬到手機上覺得不是蠻好用，找了其他的方法 用到了html 的canvas 用到了js庫http: www.rgraph.net 官網上有api 很多效果不錯哦 在這整理下，以備以后用到。 到官網下載js包里面有還很多js文件 根據你自己需要添加相應的js文件到自己項目中 這里只用到了很簡單的部分 柱狀圖 線形圖 餅狀圖 先上圖為 ...
2012-06-18 11:00 2 3210 推薦指數：
相關推薦
面向移動設備的HTML5開發框架
轉自：http://blogread.cn/it/article/5449?f=wb 很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。 1、jQuery Mobile jQuery ...
html5 canvas元素使用(一)
html5新增了一個canvas元素，用於在網頁上生成一塊矩形區域，用於繪制圖像，功能非常強大，下面我來簡單介紹一下 在頁面中添加canvas 如上圖所示，如果不給canvas設置寬高，默認寬是300px，高是150px。同時，canvas默認是透明的 我們可以給它 ...
HTML5之Canvas繪圖——Canvas畫布調整之移動、縮放、旋轉
有些人有些不解，為什么Canvas的坐標是從左上角開始的，而且向下是Y的正方向，向右是X的正方向？其實我也很不理解~~ 為什么就不能給我們更多的自定義功能呢？下面我改寫了一段Canvas畫布調整的代碼，包含了Canvas畫布的移動、縮放和旋轉等相關功能 注意：調整了畫布后，以后 ...
HTML5項目筆記9：HTML5 Canvas 的圖表報表開發
我們前面所涉及的離線數據庫、離線文件的操作，會話機制的控制，以及客戶端跨域數據同步、與服務端的交互，都可以很好的讓用戶在沒有網絡或者與服務端斷開鏈接的情況下進行正常的操作。但我們的這個離線系統的客戶中包含了很多的特定群體，如財務，會計、數據抽取人員，於是需要對數據報表和數據圖表一個很強有力支持 ...
HTML5 Canvas 實現的9個 Loading 效果
Sonic.js 是一個很小的 JavaScript 類，用於創建基於 HTML5 畫布的加載圖像。更強大的是 Sonic.js 還提供了基於現成的例子的創建工具，可以幫助你實現更多自定義的（Loading）加載動畫效果。 在線演示 源碼下載 您可能感 ...
基於HTML5 Canvas 實現彈出框
用戶鼠標移入時，有彈出框出現，這樣的需求很常見。這在處理HTML元素實現時簡單，但是如果是對 HTML5 Canvas 構成的圖形進行處理，這種方法不再適用，因為 Canvas 使用的是另外一套機制，無論在 Canvas 上繪制多少圖形，Canvas 都是一個整體。而圖形本身實際都是 ...
基於HTML5 Canvas實現用戶交互
很多人都有這樣的疑問，基於HTML5 Canvas實現的元素怎么和用戶進行交互？在這里我們用到HT for Web（http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html）寫了個Demo進行示例 ...