A-Fu Design

Peity Mini Chart 顯示在文中的小圖表

在寫文章或者在網站的結構上，如過有增加一下圖表或者圖片都可以大大增加瀏覽者對文章或網站的興趣，而如果在網站上有需要統計某些會變動的數值而且又不需要太過詳細的描述統計圖表的話， Peity Mini Chart 就非常適合你。Peity 是一個利用 jQuery 框架轉換一些元素到 HTML5 的 Canvas 元素對象中，可以轉換為圓餅圖、曲線圖和長條圖。因為是用到了 HTML5 的 Canvas 元素，所以並不支援 IE9 以下的版本瀏覽。

Flippage 實際翻頁中畫面

Flippage 可以將網頁的 div 元素內容轉換為可以翻頁的書籍樣式，也可以作用在觸控裝置上讓使用者又真正在看書翻頁的感覺。

jQSlickWrap 實際執行畫面

jQSlickWrap 主要運用到 HTML5 的 canvas 元素，特別是 toDataURL() 這一個函數，所支援的瀏覽器 Mozilla Firefox 3.5+、Google Chrome、Apple Safari 4+、Opera 11+ 目前並不完全支援IE，未來等 IE 10 之後看他是否有改善囉。這一個套件能夠讓不規則形狀的圖片旁邊也能放進文字，讓網頁的空白大量的減少能放進更多有用的資訊。

Canvas Photo Experiment HTML5 Canvas 實際執行畫面

可自由和輕鬆的旋轉和縮放圖片，圖片來源高度自由導入導出不同的圖片格式，並且可為圖片加上邊框或任何的CSS設計，圖片的匯出主要使用到 HTML5 的 Canvas 的網頁元素，支援大部分近代的瀏覽器。

Curl.js 實際執行畫面

Curl.js 可以幫助你在您的網站上的圖片增加捲曲的效果(包含背面遮罩)，沒有依賴在任何一個框架之下，可以在所有的主流瀏覽器中執行，Mozilla Firefox1.5 +、Opera 9+、Safari、IE6+、Google Chrome，使用方法簡單也支援圖片動態增加捲曲效果。

Flot 實際執行畫面

FLOT是一個 JavaScript 的統計圖表繪製套件，基於 jQuery 開發。能夠在可戶端根據任何資料的集成快速生成圖片，可繪製長條圖、圓餅圖、線性圖等等。使用HTML5的 Canvas 標籤來繪製圖表，IE9以下只要再多加載 excanvas.min.js 就能更讓瀏覽器暫時支援HTML5 的 Canvas 標籤來繪製圖表。