likaia / js-screen-shot

web端自定义截图插件(原生JS版)
https://www.kaisir.cn/js-screen-shot/
MIT License
808 stars 107 forks source link

浏览器缩放-截图区域位置不对 #119

Open cjy816618 opened 1 year ago

cjy816618 commented 1 year ago

Version of js-screen-shot

1.8.3

Operating system and its version

Windows

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

企业微信截图_1682587911374 浏览器缩放-截图区域位置不对

报错信息

No response

likaia commented 1 year ago

Hello @cjy816618. Your feedback has been received, and you will be notified in the issue area when the problem is resolved. 你好 @cjy816618,已收到你反馈的问题,问题解决后将在issue区域通知你。

cjy816618 commented 1 year ago

image 实际截图区域没有铺满,期盼没有铺满

likaia commented 1 year ago

升到最新版试试

cjy816618 commented 1 year ago

image 最新1.9.5 还是会这样

likaia commented 1 year ago

image 最新1.9.5 还是会这样

确实有这个问题,我处理下。

cjy816618 commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

likaia commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

cjy816618 commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

发现确实有问题,这样改之后缩小截图,会把外面遮罩层部分也作为图片返回

cjy816618 commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

之前183版本放大是没问题的,现在升级1.9.8-rc.2后发现放大也有问题了

likaia commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

之前183版本放大是没问题的,现在升级1.9.8-rc.2后发现放大也有问题了

你把wrcWindowMode设置为false就没问题了

cjy816618 commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

之前183版本放大是没问题的,现在升级1.9.8-rc.2后发现放大也有问题了

你把wrcWindowMode设置为false就没问题了

没有效果

jiangjiangpeng commented 1 year ago

我在mac中也遇见这个bug了,测试以后,只有safari浏览器在使用enableWebRtc: false模式是差不多正常的,没缩小。我推测有两个,一是在获取dom进行canvas绘制时,只选取了元素,没附带样式间隔。二是上述模式中内置scale缩小了所有内容。ps:我看enableWebRtc: true模式下选择本页面是没问题的,是否可以改写enableWebRtc: false模式逻辑为默认enableWebRtc: true的当前页,包括授权啥的都改写成一个弹框

cjy816618 commented 1 year ago

我在mac中也遇见这个bug了,测试以后,只有safari浏览器在使用enableWebRtc: false模式是差不多正常的,没缩小。我推测有两个,一是在获取dom进行canvas绘制时,只选取了元素,没附带样式间隔。二是上述模式中内置scale缩小了所有内容。ps:我看enableWebRtc: true模式下选择本页面是没问题的,是否可以改写enableWebRtc: false模式逻辑为默认enableWebRtc: true的当前页,包括授权啥的都改写成一个弹框

我也想换enableWebRtc来着,用户体验性不好

jiangjiangpeng commented 1 year ago

那老哥有没有找到啥新方案呀

likaia commented 1 year ago

企业微信截图_16836150247078 image 这样改可以修复这个bug,主要是canvas宽高跟真实宽高不一致

不是这个问题,放大是没问题的,是缩小出问题了。你这种改法截图拖出框选区域后,裁剪框没办法移动了。

之前183版本放大是没问题的,现在升级1.9.8-rc.2后发现放大也有问题了

你把wrcWindowMode设置为false就没问题了

没有效果

你用的是webrtc模式吗?new screenShotPlugin({clickCutFullScreen:true, wrcWindowMode: false, noScroll: true}) 这样传参数,无论是放大还是缩小都没问题的。最新版本,你试试看

likaia commented 1 year ago

我在mac中也遇见这个bug了,测试以后,只有safari浏览器在使用enableWebRtc: false模式是差不多正常的,没缩小。我推测有两个,一是在获取dom进行canvas绘制时,只选取了元素,没附带样式间隔。二是上述模式中内置scale缩小了所有内容。ps:我看enableWebRtc: true模式下选择本页面是没问题的,是否可以改写enableWebRtc: false模式逻辑为默认enableWebRtc: true的当前页,包括授权啥的都改写成一个弹框

我也想换enableWebRtc来着,用户体验性不好

我用html2canvas模式缩小比例,也是正常的。

image
MuyianKing commented 10 months ago

image 最新版本三种模式依旧都有这个问题