近来在做一个项目,须要在前端对图片切片并上传到七牛云 手艺要点 canvas.toBlob(blob=>{}); //可将canvas保留成二进制文件 formData.append(‘fileR…
标签:canvas
EZ Share 的一些经验
简介 EZ Share是什么:EZ Share是由四位阿里应届生私下自己做的一款APP,专门为一些闷骚的微信(我问过我们部门的同事,来往没对外提供接口,所以无法做)用户提供服务,根据用户的心情来匹配一些装逼的图片,并能把…
图像颜色提取
本文github项目:colorful color 我的codepen链接:图像颜色提取the demo 原创文章,转载请注明 最近想找个小项目练练手,以便熟悉React,于是想到了“图像颜色提取”这个方向,也有的说法是…
小程序使用canvas自适应屏幕画海报并保存图片
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢? 我们的在开发中常用的参考屏幕尺寸(iPhone6)为:37…
微信小程序:一个json帮你完成分享朋友圈图片
写在前面 最近在做小程序,发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多,写起来也比较繁琐,也没有找到类似组件,所以就自己动手写了一个。 演示 左侧是 canvasdrawer 绘制的,右侧是UI给的图 canv…
小程序使用canvas自适应屏幕画海报并保存图片
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢? 我们的在开发中常用的参考屏幕尺寸(iPhone6)为:37…
微信小程序:一个json帮你完成分享朋友圈图片
写在前面 最近在做小程序,发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多,写起来也比较繁琐,也没有找到类似组件,所以就自己动手写了一个。 演示 左侧是 canvasdrawer 绘制的,右侧是UI给的图 canv…
年终活动h5动画总结
年终活动h5动画总结 戳这里—-♂–github– css3 + react-id-swiper + react + redux + saga 采用postcss的Aut…
根据 轮播图背景色 自动填充剩余背景色的 走马灯
根据 轮播图背景色 自动填充剩余背景色的 走马灯 起因 今天产品经理过来说,需要在首页加上一个类似一个天猫的轮播图。天猫的轮播图是 图片定宽定高, 当不同分辨率屏幕时候 会根据图片的背景色填充容器左右空隙。 比如1800…
使用canvas一步步实现图片打码功能
使用canvas一步步实现图片打码功能 原文地址 https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md…
vue项目中实现图片裁剪功能
原文地址 https://github.com/MY729/pict… 在vue项目中实现图片裁剪功能 演示地址 https://my729.github.io/picture-crop-demo/dist/…
前端爬坑之旅--echarts渲染时canvas变为100px
开发要求:在实习时分配的一个页面,有三个标签,默认加载的是一个table,后两个标签都是echarts图表,但是三部分用的是相同的数据,包括分页。 问题描述:刚开始设置图表渲染为默认加载,通过v-show控制所要展示的标…