![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 78
devil_0311
做自己
展开
-
关于html转canvas遇到的坑
关于html转canvas遇到的坑(vue)转换插件:html2canvashtml2canvas如何使用我就不介绍啦,很简单,网上一搜啥都有,主要就是坑多。坑1:跨域当dom元素里面包含远程图片时,转换会出现跨域错误。其实就是html2canvas插件在将图片转为canvas的时候跨域了,所以就算不用html2canvas插件也会遇到这个问题。解决方式分3步:第一步:需要后端设置Access-Control-Allow-Origin的值为“*”,允许该图片跨域。我用的是oss图片,原创 2021-04-25 16:33:10 · 1315 阅读 · 0 评论 -
vue手势缩放组件
vue手势缩放组件原理解析关于手势缩放,最重要的点在于如何监听手势;如何获取缩放比例;如何在缩放的同时,保证双指之间的中心点一直处于原来的位置。首先,手势的监听可以使用如下方法:document.addEventListener('touchstart touchmovetouchend', function(e) { if(e.touches.length==2){ //双指触摸手势事件 }}缩放比例 = 开始触摸时两指间距离 / 触摸结束时两...原创 2021-03-05 17:38:58 · 7399 阅读 · 4 评论