项目场景:
uniapp 开发iOS App ,其中有个功能是拍照后,给照片加水印后显示在界面;
功能实现的思路:调用拍照方法获取照片,把照片导入canvas中,加水印后导出图片,最后展示图片。
问题描述
加水印的照片导出后会变形或者显示不完整
原因分析:
1.canvas的尺寸要与照片尺寸等比例,不然图片会显示不完整,或者导出的图片有黑边。
2.canvas初始要加宽高,算完尺寸再加宽高的话,图片会变形。
解决方案:
1.canvas加默认宽高
<canvas :style="`width:${sWidth}px; height:${sHeight}px;`" canvas-id="imgCanvas" id="imgCanvas"></canvas>
2.把设备的宽高等比例计算后,赋值给canvas
uni.getSystemInfo({
//获取设备信息
success: info =>