通过升级保存HTML5画布

Question

我正在开发使用HTML5画布在其上具有文本的图像编辑器。 我正在使用的画布的宽度和高度为500像素，因为将其放置在网页上的空间较小。 但是，我需要将画布数据另存为更大的图像，例如1000 x 1000像素。 我该如何实现？ 我在网络上搜索类似的问题，但找不到答案。

Answer 1

为此，您需要将画布上的width和height属性设置为1000和1000 。 这代表画布的原始大小。 然后，您可以使用CSS缩小画布，使其适合页面。

HTML示例：

<canvas id="theCanvas" width="1000" height="1000"></canvas>

CSS示例：

theCanvas {
    width: 500px;
    height: 500px;
}

有关本地画布大小与缩放画布大小的更多信息，请参见此答案 。