- 博客(6)
- 收藏
- 关注
原创 用canvas实现图片的剪裁、移动、缩放
用canvas实现图片的剪裁、移动、缩放前言demo代码地址期望需要注意前言由于前段时间需要做一个图片裁剪的小项目,具备的功能有移动,缩放、裁剪,由于计算复杂,网上也找过一些插件,但是多多少少都有些问题,与我自己项目的需要不一致,要么就是缩放移动的时候会有卡顿,闪烁的问题所以我就自己做了一个,但是因为其中思路转变的复杂我就不在这里描述直接教你们怎么用//引入封装好的代码import Cut...
2020-04-26 18:50:42 1104 1
原创 js 实现刮刮乐卡片效果
需要用到的知识点1.canvas globalCompositeOperation : 设置或返回如何将一个源(新的)图像绘制到目标(已有的)的图像上 ,这个属性是重点2.canvas getImageData:getImageData() 方法返回 ImageData 对象,该对象拷贝了画布指定矩形的像素数据。3.Element.getBoundingClientRect:方法返回元素的大...
2019-10-15 15:52:41 440
原创 js实现上传图片的压缩、预览
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片、预览、压缩</title></head><style> *{ padding:0; margi...
2019-08-13 17:54:12 228
原创 移动端兼容微信
移动端兼容微信在微信sdk调用chooseImage获取图片后采取getLocalImgData转换base64(此坑必踩)因为浏览器限制,对于隐藏的音频或是视频是不能直接通过js去自动播放文件的,但是微信内置的浏览器确实可以的微信公众号里面的项目,微信浏览器有自带的调整字体,当字体调大之后,页面布局发生变化,导致布局错乱,影响用户体验,解决办法如下:在微信sdk调用chooseImage获取图...
2019-08-06 23:34:56 198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人