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
相关产品推荐
相关产品推荐

