使用Poker.js在html页面上绘制扑克牌

今天研究了下Poker.js,Poker.js是通过扩展HTML5 Canvas实现的画扑克牌的JS库。

Poker.js下载地址:https://github.com/Tairraos/Poker.JS

如要使用Poker.js,从github下载代码后,直接引用release目录下的poker.min.js即可。

以下代码使用Chrome浏览器运行,Chrome浏览器版本号为:52.0.2743.116 m

测试代码1:在随机位置放置随机大小的54张纸牌

使用Poker.js在html页面上绘制扑克牌_第1张图片

html代码如下:


  
    Poker.js测试
  
  
    
 

测试代码2:模拟Windows纸牌游戏发牌

使用Poker.js在html页面上绘制扑克牌_第2张图片

html代码如下:


  
    Poker.js测试
  
  
    
 

END

转载于:https://my.oschina.net/Tsybius2014/blog/738516

你可能感兴趣的:(使用Poker.js在html页面上绘制扑克牌)