我最近问了一个问题,关于如何在不裁剪的情况下将比我的画布更大的图像绘制到画布上,并在对其进行一些更改后将图像保存回其原始尺寸。我发现解决方案是将画布的内联height
和width
属性设置为大于图像,并使用 cssheight
和width
属性来设置画布的样式以适合您的布局。
例如,假设我的图像尺寸范围在 400 像素到 2000 像素之间。但我不希望画布那么大,也不希望图像也被裁剪(因为用toDataURL
画布上的内容保存图像时就是保存的内容)。这是有效的:
//style
#mycanvas{
width: 400px;
height: 400px;
}
<canvas id="mycanvas" width="2000" height="2000" />
这很好用,我的图像效果很好。但是这种行为是否存在问题并且将来一定会被更改/修复?我打算将此解决方案用于手头的任务。
有什么指导吗?