Question

我正在使用toDataURL("image/png")功能。我的画布有几行，彩色形状和文字。结果png在桌面Chrome上看起来很不错。但是，移动Chrome上的图像质量非常低，像素化。

有没有办法提高移动设备的图像质量？

Answer 1

您可以将画布CSS大小设置为小于画布元素大小。

这会导致浏览器绘制更多＆＃34;密集＆＃34;在画布上。

<强> HTML：

<canvas id="canvas" width=600 height=300></canvas>

<强> CSS：

#canvas {
    width:300px;
    height:150px;
}