web_vivi

这个抽奖，主要是运用背景的位置来滑动位置；html主要分为三个模块，第一个模块是奖品(class为center模块)；第二个模块是旋转的灯的效果(class为deng模块);第三个是抽奖的按钮

html很简单，containerBg是承载背景的，然后blurStar这个div是星空的容器；meteor是放流星的容器；这个星空主要是css的样式处理；

以前用vue写过css大转盘抽奖，当时对4个奖品以下的转盘样式会错乱，在这里已修复这个问题；这里主要是用js把奖项和样式赋值到容器中

公司用了vue-quill-editor插件，点击图片上传按钮会直接上传到后台的oss服务器上，但是在运营的时候发现她们有时候会直接粘贴到富文本框，判断复制的是base64的时候也上传到后台

我们经常会碰到复杂的动画，运用json文件进行动画；lottie是一个跨平台的动画库，通过AE导出动画Json文件，然后用解析这个Json文件，还原动画

ps：需求是有一个地图svg链接，需要点击某个板块，就以g对象为例添加点击事件，跳转到对应的链接；vue2和vue3在svgDom对象转换成vue的虚拟dom方法上略有不同，

从后台获取到图片数组，前端给每个图片添加水印；用canvas绘制;因为是用canvas绘制图片，所以拿到的图片是需要有读写功能的；先把图片链接变成base64;再用canvas绘制图片和水印文字

1.原型链 对象实例的_proto_ === 当前对象的构造函数的protoType; 原型链：以对象为基准，以_proto_为链接的桥梁，一直到Object.protoType为止，这个链就是原型链

ps:因为是在H5中使用，所以用了vant插件,可以根据需求运用插件;我把图片裁剪单独写了一个组件，在需要的页面上引入组件即可;