uni canvas截取图片 海报分享
在canvas里 直接插入图片 设置宽高会导致图片不清晰;
在项目里采用如下的方法 截取了图片防止图片拉伸
let dw = uni.upx2px(710) / head.width, // uni.upx2px(710)自定义要截取后图片的宽
dh = uni.upx2px(280) / head.height; // uni.upx2px(280)自定义要截取后图片的高
if (head.width < head.height){
ctx.drawImage(head.path, 0, (head.height - uni.upx2px(280)/dw) / 2, head.width, uni.upx2px(280)/dw, uni.upx2px(20),uni.upx2px(270), uni.upx2px(710), uni.upx2px(280));
}else{
ctx.drawImage(head.path, (head.width - uni.upx2px(710)/dh) / 2, 0, uni.upx2px(710)/dh, head.height, uni.upx2px(20), uni.upx2px(270), uni.upx2px(710), uni.upx2px(280));
}