happyjoejoe
happyjoejoe
  • 发布:2023-04-13 20:41
  • 更新:2023-04-14 12:18
  • 阅读:349

使用 canvas drawImage 接口无法绘制像素级图像

分类:uni-app

在PC端:
连续调用两次接口,即可把图片绘制像素化
// 在画布上定位图像,并规定图像的宽度和高度,从image上截取 (x0,y0)--(x1,y1) 区域
ctx.drawImage(image, 0, 0, resolution, resolution);
// 剪切图像,并在画布上定位被剪切的部分
ctx.drawImage(canvas, 0, 0, resolution, resolution, 0, 0, image.width, image.width);
(效果)见附件

但在uniapp 上
同样调用两次接口,得到的是模糊的图片。

想请教一下,uniapp的接口如何修改才能得到PC端一样的效果?此功能要上线,比较着急

2023-04-13 20:41 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

提供下测试工程

  • happyjoejoe (作者)

    您好,我使用了canvas 接口 uni.canvasPutImageData 应用很快就闪退了,平台是一加手机,请问能帮解决一下吗?

    2023-04-16 20:16

DCloud_UNI_GSQ

DCloud_UNI_GSQ

尝试如下方案:

  1. 禁用hidpi
  2. 使用renderjs获取canvas,禁用imageSmoothingEnabled

要回复问题请先登录注册