Panzoom: 使用合适的尺寸进行围堵

创建于 2016-08-30  ·  10评论  ·  资料来源: timmywil/panzoom

问题的主题

遏制有时使用父级尺寸代替panzoom元素尺寸。

您的环境

  • 版本的jquery.panzoom 3.2.2
  • jQuery 3.1.0的版本
  • 哪个浏览器及其版本Chrome 52

    重现步骤

http://jsbin.com/cidebod/edit?html,css,js ,输出

最有用的评论

@arkoe更新了Pull Request#279以处理您的问题。 不幸的是,我无法更新您的示例。 让我知道它是否有效。

所有10条评论

@timmywil我们最近有这个错误,我们只是写了一个修复程序并打开了PR。 请检出: https : 直接下载

@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。 完美地解决了我的问题!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

jsblanco picture jsblanco  ·  19评论

nich008 picture nich008  ·  14评论

PrinceDhankhar picture PrinceDhankhar  ·  16评论

gavJackson picture gavJackson  ·  3评论

YuriGor picture YuriGor  ·  12评论