微信小程序海报生成组件封装 2018/08/03 | 小程序 | WGinit | 2 条评论 | 2420 views 每个小程序成型后,一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下他的一种实现方式吧 组件Github地址: https://github.com/WGinit/mini-poster 原理:主要利用微信小程序强大的Canvas API来合成,生成后可用wx.canvasToTempFilePath()导出图片地址,从而可实现预览及保存至手机相册 一、如何使……
新春之际,做个祝福接力的贺卡(玩爆你的盆友圈) 2017/12/09 | HTML5/CSS3,前端开发 | WGinit | 1 条评论 | 529 views 已经12月了,公元两千零一七年也快结束了,不由得感叹时间过的真快,还没开始做些什么,一年就又晃过去了,mdzz。 在年底,各种节日,年会等活动慢慢开始闹腾起来。最近为了迎(zou)接(kai)2018,上面打算让我们做一个互动活动。经过几天折腾,选了一个h5小游戏和h5贺卡的形式。而最终经过讨论,放弃了贺卡,原因是在国庆时……
利用cropper.js实现用户图像裁剪异步上传 2017/04/11 | Javascript,前端开发 | WGinit | 1 条评论 | 466 views 最近在项目上要实现这个功能,于是想简单的整理下。经查阅资料,有2种方式可以实现用户图像上传处理。第一种,前台预设有限制的裁剪框让用户在合法范围内裁剪好图像,裁剪后的图像转成base64串异步上传到后台。第二种,根据用户前台选取的图片,前台选取图片的一边角(习惯左上角)基点,需要裁剪的大小(width和height)……
Canvas制作五子棋游戏 2017/03/11 | Javascript | WGinit | 暂无评论 | 506 views 通过canvas做得网页版五子棋游戏,界面清爽简约,通过鼠标单机完成组棋,详情见下图: js算法代码代码: var wins = []; for(let i=1;i<10;i++){ wins[i] = [] for(let j=1;j<10;j++){ wins[i][j] = [] }; }; var count = 0; for(let i=1;i<6;i++){ for(let j=1;j<6;j++){ for(let k=0;k<5;k++){ wins[i+……