活动
3篇文章 · 0订阅
  • Canvas 基础系列（零）之大转盘九宫格刮刮卡抽奖插件封装
    本期并不是枯燥乏味的教学贴。 相反，本期我们不教造轮子，我们教如果使用工具😆。 笔主将前面几期内容归纳总结，使用面向对象的方式重构了代码，写了一个简单实用的小插件。现在读者只需要简单的配置，就可以实现上述几种抽奖。 我们只需要在项目中引入 luckyDraw.min.js 这…
    Canvas
  • canvas 基础系列（二）之实现大转盘抽奖
    定义点击事件，当点击旋转按钮，执行rotateWheel() 方法，该方法将动态改变全局变量 starRadian的值，并调用 window.requestAnimationFrame()方法实现逐帧旋转动画。 之所以在绘制最开始对画布做清理，是为了完成逐帧动画。 我们可以想象…
    Canvas
  • canvas 基础系列（一）之实现抽奖刮刮卡（橡皮擦）
    context 是绘图环境对象，如果你在浏览器中输出 context，你会发现里面包含了许多属性，如：fillStyle strokeStyle等，以及一些函数方法，arc() rect() save() restore() clip()等等。 ⚠️ 不过值得注意的是，调用这个…
    Canvas