Fabric.js - 设置高度更改为不正确的值或不更改

Question

谢谢你的期待， 我现在正在玩Fabric.js，希望开发一个定制的产品设计师。

我有一个触发功能的按钮，可以将用户添加的图像调整到产品的设计区域。

我一直在摆弄一个我似乎无法找到解决方法的问题：

prod_back_height设置为设计区域的高度，在我的演示中，这是438。

当函数运行时，它使用aw_img.set({height:prod_back_height});或aw_img.height=prod_back_height;设置图像的高度。问题是这不会将高度更改为prod_back_height，而是保持不变。只有在单击按钮之前已垂直调整图像大小时才会出现这种情况。

尝试将值更改为特定值时，会出现意外结果：

调用aw_img.set({height:10});

时，

10.364464692482915会返回aw_img.getHeight() 调用aw_img.set({height:500});

时，

514.8063781321185会返回aw_img.getHeight() 调用aw_img.set({height:600});

时，

613.6674259681093会返回aw_img.getHeight()

我认为你明白我的观点，是否还有其他人遇到过这个或知道解决方法？

可以找到完整代码here。 （事先为凌乱的代码道歉！）[目前只对图像进行测试，然后设计区域的长宽比与产品成角度，例如this image] - 已更新，请参阅编辑。

感谢阅读！ :) 科尔比

编辑：现在准备好适用于所有图像比率和产品旋转，但图像必须保持不变。

它似乎是根据用户手动缩放图像的比例来调整大小。例如。如果他们将图像拖得更小，“适合图像到设计区域”的结果将小于预期。