在ios上wx.canvasToTempFilePath生成图片不清晰

最新推荐文章于 2025-03-08 11:37:50 发布

nash程序猴

最新推荐文章于 2025-03-08 11:37:50 发布

阅读量720

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_43060570/article/details/131378412

版权

通过将canvas的宽度和高度设置为原始尺寸的三倍，然后使用ctx.drawImage绘制图像，并在导出时保持原始宽高比，可以显著提高导出图片的清晰度。wx.canvasToTempFilePath方法用于实现这个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

统一三倍canvas画图，然后正常导出

canvas.width =  canvasWidth*3;
canvas.height =  canvasHeight*3;
ctx.drawImage(image, 0, 0, canvasWidth*3, canvasHeight*3);

wx.canvasToTempFilePath({
	width: canvasWidth*3,
	height: canvasHeight*3,
	destWidth: canvasWidth,
	destHeight: canvasHeight,
	canvas: canvas,
	success(res) {
		resolve(res.tempFilePath);
	},
	fail(error) {
		reject(error)
	}
})