https://github.com/lingdulvlv/html2canvas.git var width = $('#imageHead')[0].offsetWidth; //dom宽 var height = …
标签:canvas
贝塞尔曲线应用实现canvas轨迹运动
canvas提供的方法 1.绘制二次贝塞尔曲线:quadraticCurveTo(cp1x, cp1y, x, y) ctx.moveTo(10, 200); //起始点 var cp1x = 40, cp1y = 10…
图片链接转base64
图片链接转base64 前言 代码 总结 参考 前言 canvas 可以将图片链接转 base64。入下图所示: 您也可以点击这里 图片链接转base64 代码 <!DOCTYPE html> <htm…
canvas 实现截图功能——截取图片的一部分
实现效果: 整理一下最近在vue项目中做的一个截图功能(只能够截取图片),即用鼠标在画布上进行框选截取。 思路大概如下:做一个弹窗,打开弹窗的时候传入要截的图,接下来在这个窗口里面,点击截图按钮,开始截图,点击取消按钮,…
Canvas保留图片到七牛云
近来在做一个项目,须要在前端对图片切片并上传到七牛云 手艺要点 canvas.toBlob(blob=>{}); //可将canvas保留成二进制文件 formData.append(‘fileR…
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…