javascript
Hi_MrXiao
你必须非常努力,才能做到毫不在意
展开
-
vue+pdf.js预览本地pdf文件(可以复制文本,滚动页码展示)
3、解析pdf,获取pdf所有页数据,使用canvas渲染,并使用TextLayerBuilder创建文本层,可以复制文本信息。在这里就是因为微任务导致,所以我们这里渲染pdf任务可以每次渲染完一页后等待一定时间才执行下一页的渲染,空出时间给主线程。在渲染pdf数据时,当pdf文件很大渲染量很多时,会导致页面卡住,无法执行其他操作;在滚动时当前是第几页的页码同步更新展示:需要在渲染每页pdf时将每页的高度存起来,以及每页滚动的临界值。在滚动时,根据当前滚动距离和每页滚动的临界距离相比较,判断当前是第几页。原创 2023-12-05 16:26:17 · 3763 阅读 · 2 评论 -
以鼠标为中心缩放图片
初始鼠标位置距离图片左侧的left、top和宽高的比例,与图片放大后的比例相同计算方式,主要是知道放大后鼠标的位置和放大前鼠标的位置,相减得到偏移的距离,使用transform:translate移动就行。在这个基础上不管是缩小还是放大,都需要把上一次translate对应坐标的值 - 这次得到的值原创 2023-12-04 18:13:08 · 560 阅读 · 0 评论 -
js获取图片原始宽高
使用HTML5属性 (naturalWidth, naturalHeight)和Image对象获取图片原始宽高原创 2023-03-03 14:39:49 · 1103 阅读 · 0 评论 -
js+html2canvas实现网页放大镜效果:放大镜图片使用css样式background背景图,鼠标移动使用样式background-position动态设置
鼠标移动到需要放大的网页上时,鼠标静止不动500毫秒后,一个长方形的放大镜框显示,放大镜中显示当前区域2.2倍的效果,并且这时候鼠标移动放大的区域也跟着变化。放大镜限制:放大镜只能在特定的区域内使用,即放大镜的移动范围有边界。原创 2022-08-31 18:09:45 · 1996 阅读 · 1 评论 -
js根据坐标进行图片截图,获取图片上指定位置的截图
js根据坐标进行图片截图原创 2022-08-26 16:54:12 · 3130 阅读 · 2 评论 -
js 复制指定元素内的文本信息到剪切板(navigator.clipboard和document.execCommand)
【代码】js 复制指定元素内的文本信息到剪切板。原创 2022-08-26 15:41:20 · 1000 阅读 · 0 评论 -
循环使用正则时,属性lastIndex导致输出结果与实际情况不符合
问题复现const reg = /\.png$/igconst arr = ['1.png','2.png', '3.png']arr.forEach(i=>{ console.log('匹配结果:'+reg.test(i))})结果会是这样很明显,和预期的结果不一致,结果应该都是true产生原因在正则表达式使用了表示全局检索的 “g” 标志时,正则的lastIndex属性会记录上一次的匹配字符的index+1(lastIndex),下一次匹配时就会从lastIndex处为原创 2022-04-02 16:05:56 · 178 阅读 · 0 评论