HTML5画布strokeText线宽在缩放时显示不同

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);

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