骰子游戏

293 阅读1分钟

在线显示:demo

用到知识要点:

  1. canvas绘制图形--矩形和圆形
  2. linear-gradient制作网格背景
  3. 根据1-6之间的随机数绘制对应的骰子面。
  4. li::before伪元素设置*
  5. width:calc(100vmin - 20px)满足简单的响应式样式
  6. 还有一些原生JS的逻辑操作

github源码地址