canvas
林时STL
这个作者很懒,什么都没留下…
展开
-
js图片压缩文件上传、图片多选、canvas
效果:要点:图片上传事件: <input type="file" accept="image/*" multiple class="file" id="file" @change="changeImg" ><input type="file" accept="image/*" multiple class="file" id="file" @change="chan...原创 2019-11-14 17:21:42 · 158 阅读 · 0 评论 -
audio、video、canvas、截取视频设置封面、截取某个时间画面、根据鼠标实时更新视频封面
效果:要点:音频:<audio src='' controls="controls""></audio>视频:<video id='video' src='' crossOrigin="anonymous" controls="controls"></video>react视频组件:import { Player } from 'v...原创 2019-11-14 17:17:15 · 1276 阅读 · 0 评论 -
图片懒加载
效果:原理:1.设置img的初始src为不请求的空白路径2.将资源路径赋值到img标签的data-xx属性中,而不是src属性3.获取img节点距离浏览器顶部的距离,如果小于或等于浏览器窗口的可视高度,那么就将data-xx的值赋值到src里去要点:获取某个容器下的img:let img_div = document.getElementsByClassName('im...原创 2019-11-14 16:56:06 · 134 阅读 · 0 评论