使用vue-cropper裁剪组件时遇到了一些不易被发现的小问题,首先使用前先仔细看下文档,了解每个参数在项目中是否需要被用到。
1.其中high属性,是否按照设备的dpr输出图片,默认为true。当时在使用时 没注意到,在不同设备上的dpr不同, 一般pc的dpr都是人,一些笔记本的屏幕分辨率高,dpr为2, 导致输出的图片比例不同。
2.上传一张背景色为透明色的图片,裁剪后输出的图片会自动加上黑色的背景,设置图片输出的格式为png形式,就可以解决这个问题了。
使用vue-cropper裁剪组件时遇到了一些不易被发现的小问题,首先使用前先仔细看下文档,了解每个参数在项目中是否需要被用到。
1.其中high属性,是否按照设备的dpr输出图片,默认为true。当时在使用时 没注意到,在不同设备上的dpr不同, 一般pc的dpr都是人,一些笔记本的屏幕分辨率高,dpr为2, 导致输出的图片比例不同。
2.上传一张背景色为透明色的图片,裁剪后输出的图片会自动加上黑色的背景,设置图片输出的格式为png形式,就可以解决这个问题了。