遏制有时使用父级尺寸代替panzoom元素尺寸。
@awartani我面临着同样的问题,您的修复无法正常工作。
当父div的尺寸小于panzoom元素(图像)的尺寸时,就会发生此问题。
@timmywil何时解决此
@arkoe我认为您测试了错误的分支,因此我更新了示例。 请检查http://jsbin.com/gigadis/edit?html、css、js ,输出
@awartani在您的示例中,panzoom元素(蓝色正方形)小于父元素。 当您使元素大于其父元素时,它会出错。 另外请注意,我没有创建此问题; 我只是迷上了:)
抱歉@arkoe我假设您创建了此问题。 我现在已经了解了这个问题,并且我认为这可能很容易解决。 请具体查看Pull Request#279 :
if (contain === 'invert' || (contain === 'automatic' && zoomAspectH < 1.01)) {
//original code
} else {
//my fix
var originalHeight = height / scale;
var originDiff = (originalHeight - height) / 2;
matrix[5] = Math.max(Math.min(matrix[5], conHeight - originalHeight + originDiff), -originDiff);
}
因为我不太了解如何测试第一个if
语句,而这不是我要查找的内容,所以我修复了else
语句。 我相信,如果您使用相同的修复程序并对其进行一些调整,便可以解决该问题。
@awartani我一直在使用您的PR,并尝试使用它。 已经花费了几个小时,而且似乎无法解决问题。 您有什么想法可以指出正确的方向来解决此问题吗? 谢谢您的快速回复! 非常感谢。
@arkoe我有尝试的方法,但是我需要尝试一下,您可以推送示例代码,今晚我将尝试对其进行研究。
@awartani我已经上传两个例子,demo.html是@timmywil位于dist文件,demo2.html正在使用您的修补程序。 http://arko.io/x/panzoom/demo.html http://arko.io/x/panzoom/demo2.html
@arkoe更新了Pull Request#279以处理您的问题。 不幸的是,我无法更新您的示例。 让我知道它是否有效。
谢谢@awartani。 完美地解决了我的问题!
最有用的评论
@arkoe更新了Pull Request#279以处理您的问题。 不幸的是,我无法更新您的示例。 让我知道它是否有效。