非三角函数方案实现canvas转盘抽奖小游戏，源码和demo

上个案例转盘中的文字，绘制点是通过三角函数精确计算后绘制的，本方案中的文字，没有使用三角函数，而是将文字在（0,0）点旋转后，再进行偏移实现，本案例逻辑上比较简洁。 <!DOCTYPE html><html&nb…

三角函数方案：canvas转盘抽奖互动小游戏源码，附带效果

先上源码： <!DOCTYPE html><html lang=”en”><head> <meta …

关于Set构造函数的权威说明：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set 数组去重数组的并集数组的交集数组求…

fiddler抓包配置参考： https://www.cnblogs.com/jqnl/p/12179972.html 安装后提示the system proxy was changed.Click to reeable capturing…

function getQueryString(name) {var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”…

今天来说一下js阻止事件冒泡(stopPropagation)与阻止元素或方法的默认行为(preventDefault)的区别 dom事件流说到阻止事件冒泡，那么就要先说一下dom事件流，因为事件冒泡属于事件流概念的一部分。 dom事件流…

观察者模式（Observer Pattern）观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察者模式就是…

对于前端开发人员来说，缺少了浏览器，前端也就没有存在的意义。尽管我们每天都在用浏览器，但是浏览器从url键入到页面渲染结束，这个过程发生了什么呢？接下来我们就来了解一下。我们可以分三步去拆解这个过程，每步其实还能继续拆解： 1、DNS解析…

还记得16年有段时间微信上线的红包照片功能吗？今天我们就通过canvas来尝试一下具体的实现。 1、效果：随机显示图片来源：图虫网 2、思路： 1、通过css3的filter中的blur实现人物图片的高斯模糊 2、通过定位将canva…

先上效果。一下是源码，格式化一下就好看了哈 <!DOCTYPE html><html lang="en"><head> <meta…