You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML5 Canvas在不同设备Chrome环境下渲染出非预期边框的问题咨询

HTML5 Canvas在不同设备Chrome环境下渲染出非预期边框的问题咨询

大家好,我碰到了一个Canvas渲染的诡异问题,想请各位帮忙分析下:

  • iOS Chrome环境下:Canvas绘制的图片没有奇怪边框,和桌面端Chrome的表现一致
  • Android基于Chrome的可信网络活动(Trusted Web Activity)环境下:绘制的图片会出现奇怪的边框

我是用Canvas的drawImage方法绘制64×64px的瓦片网格,代码如下:

ctx.drawImage(img, position[0], position[1], 64, 64);

之前听人说这可能和设备像素比(device pixel ratio)有关,但我还是没搞懂具体的关联逻辑。有没有大佬能帮忙解释下这个现象,或者给点解决思路?


备注:内容来源于stack exchange,提问作者Robin Michel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 08:42:59