我的网络应用程序支持缩放,以便更好地为具有不同窗口大小的用户显示。我通过在容器上应用来进行缩放:
transform: scale(1.4)
它的效果非常好,但是当我在页面上有一个canvas元素(chartjs.org)时,不仅画布,而且所有元素都变得模糊。如果我用display:none隐藏画布;然后所有的元素再次变得清脆。我已经搜遍了所有的解决方案并尝试了许多CSS样式但没有成功。
有人可以指出我可以做的一些测试吗?
要模拟这一点,请转到http://www.chartjs.org/docs/#getting-started-creating-a-chart(页面上有画布图表)并将样式转换:scale(1.5)添加到正文,所有元素都将模糊,而不仅仅是画布。