html5-canvas - HTML5 画布描边文本线宽在缩放时显示不同

Question

我正在画布上绘制描边文本。缩放画布时，与 iPad (Chrome/Safari) 相比，我的桌面浏览器上的文本笔划线宽显示不同。

它在桌面 Chrome 上显示缩放的宽度，而在 iPad Chrome/Safari 上显示未缩放的文本笔划。然而，文本大小尊重缩放。

iOS版本：11.1.2

描边矩形在桌面和 iPad 上都使用缩放的描边宽度绘制。

这是一个小提琴： https ://jsfiddle.net/hxyLc0ka/10/

var canvas = document.getElementById('mycanvas');
var ctx = canvas.getContext('2d');

ctx.scale(5, 5);
ctx.strokeStyle = "red";
ctx.lineWidth = 1;

ctx.strokeRect(2, 2, 50, 40);
ctx.font = "16px Arial";
ctx.strokeText("Hello", 10, 28);

这是一个错误吗？还是我错过了什么？

标签： html5-canvas