Css 变换比例上的模糊元素，但仅当画布出现在页面上时

我的web应用程序支持缩放以更好地显示不同窗口大小的用户。我通过应用于容器来进行缩放：

transform: scale(1.4)

它工作得非常好，但是当我在页面（chartjs.org）上有一个canvas元素时，不仅画布，而且所有元素都变得模糊。如果我用display隐藏画布：none；然后所有的元素又变脆了。我到处寻找解决方案，尝试了许多CSS样式，但都没有成功

有人能指出一些我可以做的测试来让它工作吗

---

要模拟这种情况，请转到（页面上有画布图表）并在正文中添加样式转换：缩放（1.5），所有元素都将模糊，不仅仅是画布。

可能是一个错误，也可能是直接后果。画布的宽度和高度编码为实整数，不能像其他HTML元素那样使用百分比、ems和可缩放的十进制值；它们背后的代码生成一个实际的输出位图，其像素数正好是这么多。因此，这可能是试图扩大最终结果的结果。（我的最佳猜测是，在页面上放置画布会改变它与其他元素一起呈现的方式）只需缩放一个元素，就不会模糊页面上的其他元素，因此会发生一些奇怪的交互。但是，你没有给我们足够的信息来帮助你。请提供html和css的削减，以显示模糊的问题。编辑的方式，以模拟问题奇怪的事情确实。尽管我注意到，当您更改

canvas.style.display=“block”

（所有画布）时，其他元素的缩放效果良好。画布是“内联块”。这是一个将在规范中找到的答案。fwiw，我不能在我的mac上重新编程