Poker.JS是通過擴展HTML5 Canvas實現的畫撲克牌的JS庫。用戶可以很容易地在img或canvas創建單個的撲克牌，或者直接在大canvas里畫牌。

• 不使用外部圖片
• 10K大小(Gzip后4.3K)
• 矢量繪制，大小都清晰
• 生成撲克牌DOM對象
• 或直接畫在Canvas里

使用方法

首先，加載 poker.js

<script src="poker.min.js"></script>

接下去你可以從3種方法里選擇一種來創建牌

方法1，創建DOM元素

調用 Poker.getCardImage 或 Poker.getCardCanvas 來獲取 <img> 或 <canvas> 元素

//在body末尾插入一個<img>
document.body.appendChild(Poker.getCardImage(60,'hearts','q'));
//在body末尾插入一個<canvas>
document.body.appendChild(Poker.getCardCanvas(60,'hearts','q'));

方法2，獲取base64的png圖像數據

調用 Poker.getCardData 來獲取數據

//獲取圖像數據并且存儲在變量pokerHQ里 var pokerHQ = Poker.getCardData(60,'hearts','q'); 

方法3，在你自己的canvas里畫牌

在DOM里添加你自己的canvas容器

<canvas id="myowncanvas" width="1280" height="720"></canvas>

取得canvas的2d對象，在里面畫牌

var canvas = document.getElementById('myowncanvas').getContext('2d');
canvas.drawPokerCard(10, 10, 120, 'hearts', '6');

方法和參數

項目主頁：http://www.baiduhome.net/lib/view/home/1350386337664