转换比例上的模糊元素,但仅当页面

时间:2016-05-13 18:38:32

标签: css html5 canvas

我的网络应用程序支持缩放,以便更好地为具有不同窗口大小的用户显示。我通过在容器上应用来进行缩放:

transform: scale(1.4)

它的效果非常好,但是当我在页面上有一个canvas元素(chartjs.org)时,不仅画布,而且所有元素都变得模糊。如果我用display:none隐藏画布;然后所有的元素再次变得清脆。我已经搜遍了所有的解决方案并尝试了许多CSS样式但没有成功。

有人可以指出我可以做的一些测试吗?

要模拟这一点,请转到http://www.chartjs.org/docs/#getting-started-creating-a-chart(页面上有画布图表)并将样式转换:scale(1.5)添加到正文,所有元素都将模糊,而不仅仅是画布。

0 个答案:

没有答案