之前在某个网站发现有个粒子缓缓上升的特效，最近想用的时候发现找不到了找不到了找不到了。求助群里的大佬们，在大佬推荐的网站上找到了一样的特效。于是把特效顺带学习了波。 特效demo如下： 这里只取了Bubbles的特效。学习过程记录在代码注释中 css代码如下 html元素如下 js如下 好了，代码就
前端
6 篇文章
今天在学习vue的时候发了一个简单的banner效果图：如下（ 来源 ） 以傲慢与偏执 回敬傲慢与偏见 code by qingjin.me | picture from t.tt 感觉挺有意思，于是就给它实现一波。(html和css是扒的) 实现原理就是两张图片在3d中显示前后位置，通过透视图pe
之前无聊浏览特效的时候，发现了anime.js的logo动画特效，于是也想整个自己的logo动画。 着手coding的时候，发现没那么简单(｡•ˇ‸ˇ•｡) 第一个难点 SVG 之前接触到的SVG一直都是“不失真的矢量图”这么一个概念，但是这次的特效需要用到svg的 <path> 标签 w3c介绍：
//img元素转base64 元素应为 <img src="xxx.jpg"> 这种格式 //把base64图片数据转成blod，通过formdata提交 //file转base64 //file转url 此url是个blob url（blob: http://localhost/a8cb6497-
碰见一个需求，把一张图片和用户的二维码图片合成一张 参考 w3cshool 和一些资料实现需求 demo.html 注意：若toDataURL方法报错 Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may
之前用Jcrop实现头像上传的功能的时候。有个缺点，是先把原始图片上传，再在页面上显示出来，供用户截取。这么以来不管用户是否保存修改头像的操作，都会执行一个上传操作并保存图片。 改进：把上传的图片转成base64格式的图片显示在页面上，仅当用户截取头像点击保存的时候再执行上传操作。 效果： 直接上代