Vue-cropper 拉伸图片时如何避免图片扭曲？

Question

请问在使用vue-cropper时 因为将图片放到中央，在拉伸图片时候出现另外扭曲的图片 如何解决这种问题呢？

更改图片位置 其他参数是否能成功呢

Answer 1

完美解决 vue-cropper 图片拉伸时出现扭曲的问题

配置代码：

<vue-cropper :img="imageUrl" :full="true" :high="true"/>

解释：

• full 属性：确保输出的图片保持原始比例。
• high 属性：根据设备的 DPR（设备像素比）输出等比例图片，避免模糊和扭曲。

这样配置可以确保图片在裁剪时不会出现扭曲问题。