在wordpress中有人注意到这个问题吗？

Question

我在wordpress中的裁剪图像中发现了一个奇怪的bug

我使用WP_Customize_crapped_Image_控件来裁剪图像。在那里我设置了750的宽度

这很好，但在裁剪其他图像时显示错误

*这让我发疯，花了这么多小时后，我意识到（错误，不显示裁剪帧）它发生与图像具有相同的宽高比，我在WP_Customize_Cropped_Image_Control提供（如果宽高比匹配，然后发生错误）

如果我不提供纵横比和设置弯曲宽度和高度，那么它工作得很好

*其他的事情，我注意到我有一个宽的图像，是1920 X 742，它需要Wordpress的裁剪图像模态的整个宽度，所以也会导致错误（不显示裁剪帧和显示错误）

如果我调整浏览器窗口的大小，它将显示裁剪帧，并且可以裁剪图像而不会出现任何错误

Answer 1

经过长时间的研究，我了解到这是Wordpress使用的jQuery库的一个已知错误，并且这个库已经很久没有更新了。有一个解决办法，但有点棘手。如果您真的需要它，这里有一个解决方案：文件是/wp includes/js/imgareaselect/jquery.imgareaselect.js复制您自己的版本（不要更改核心wp文件），并将其放在模板目录的某个地方，例如js目录。查找以下代码段：

imgWidth = $img.innerWidth();
imgHeight = $img.innerHeight();

换成这个

imgWidth = Math.ceil($img.innerWidth());
imgHeight = Math.ceil($img.innerHeight());

然后，您应该将核心文件退出队列并注销，然后将您的版本加入队列。万一你不知道怎么做，我也把它放在这里给有需要的人。将代码片段放入functions.php文件中。

// change custom scripts example
add_action( 'wp_print_scripts', 'cleanup_scripts', PHP_INT_MAX);
add_action( 'wp_print_footer_scripts', 'cleanup_scripts', PHP_INT_MAX);
function cleanup_scripts() {
    wp_deregister_script('imgareaselect');
    wp_dequeue_script('imgareaselect');
    wp_enqueue_script('imgareaselect', get_template_directory_uri() . '/js/jquery.imgareaselect.min.js', array('jquery'), '1.0', true);
}

“imgareaselect”是Wordpress core使用的文件句柄。我也把来源放在这里，以防你想深入挖掘。https://github.com/google/web-stories-wp/issues/8398