Javascript画布 - 我们如何在缩放中绘制线条（形状）并在缩小/缩小时将它们保持在适当的大小？

Question

我在画布上显示一个图像，然后使用setTransform（）再现放大效果，然后我绘制一些线条...问题是当我缩小图形时仍然很大（就像它们一样在缩放模式下）。 这是问题的例证：

当我们缩小时，线条不应该在画布的100％宽度中:( 我应该使用2幅画作为图层（一幅用于背景，另一幅用于图纸）？ 我应该如何协调所有变焦输入和输出的线条，形状等的尺寸（长度和高度）？ 如果有人对这个问题有所了解，我会很感激......