css - 缩放画布会影响 getDataURL() 返回的像素数吗？

Question

我正在尝试使用画布作为图像裁剪预览，然后用于getDataUrl()检索数据以通过 AJAX 帖子发送到服务器。

我已经使用像素在 HTML 中明确设置了画布的初始宽度和高度，但我使用 CSS 中的百分比来缩放画布以适应响应式设计。

虽然缩放画布元素不会影响像素内容是有道理的，但我想确定一下。缩放画布元素而不是其内容会返回与我最初设置的不同数量的像素吗？

Answer 1

不，使用 CSS 缩放画布不会影响它包含的实际像素。

您可以将画布视为图像，它可以被拉伸，但源图像中的实际像素将是相同的。