HarmonyOS 鸿蒙Next 使用OffscreenCanvas 离屏画布获取指定区域的pixelMap宽高不一致

发布于 1周前 作者 vueper 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 使用OffscreenCanvas 离屏画布获取指定区域的pixelMap宽高不一致

使用OffscreenCanvas 创建离屏画布，通过offContext.getPixelMap获取指定区域的pixelMap，预期结果宽高与指定（100100）一致，但获取到的pixelMap的宽高为（325325），怎么达到预期呢？demo如下

let offCanvas: OffscreenCanvas = new OffscreenCanvas(100, 100)
let settings: RenderingContextSettings = new RenderingContextSettings(true)
let offContext = offCanvas.getContext(“2d”, settings)
let pixelMapResult = offContext.getPixelMap(0, 0, 100, 100)
let pixelMapResultInfo = await pixelMapResult.getImageInfo()
console.info(“pixelMapResult width:” + pixelMapResultInfo.size.width +
" pixelMapResult height:" + pixelMapResultInfo.size.height)

控制台日志打印：
I pixelMapResult.width:325 pixelMapResult.height:325


更多关于HarmonyOS 鸿蒙Next 使用OffscreenCanvas 离屏画布获取指定区域的pixelMap宽高不一致的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复
兄弟，单位不一样，使用vp2px()转换下~

更多关于HarmonyOS 鸿蒙Next 使用OffscreenCanvas 离屏画布获取指定区域的pixelMap宽高不一致的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next 使用OffscreenCanvas获取指定区域的pixelMap时，若遇到宽高不一致的问题，通常是因为在创建或操作OffscreenCanvas及其PixelMap时，坐标或尺寸设置不当导致。

  1. 检查创建OffscreenCanvas时的尺寸：确保在创建OffscreenCanvas时，指定的宽度和高度与预期一致。这通常是在初始化OffscreenCanvas对象时设置的。

  2. 验证drawToOffscreenCanvas的源区域：在调用drawToOffscreenCanvas方法时，确保源区域的rect参数正确无误，其宽度和高度应与目标PixelMap匹配。

  3. 确认PixelMap的获取方式：从OffscreenCanvas获取PixelMap时，确认是否使用了正确的API，并检查返回的PixelMap对象是否完整且未被修改。

  4. 检查缩放或变换：如果在绘制过程中应用了缩放或变换，可能会影响PixelMap的最终尺寸。确认这些变换是否按预期应用。

  5. 设备兼容性：不同设备可能对OffscreenCanvas和PixelMap的处理存在差异，确认问题是否在所有设备上均存在。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部