我在使用图像进行视网膜显示时遇到问题。我使用drawImage
。我有一组大图像(绘制的 Canvas ),我想使用它们,但只需使用它们的一半大小,并使它们变小以提高图像质量。
如何做到这一点?这是一个离屏 Canvas 。
最佳答案
您可以通过将 CSS 大小设置为小于 Canvas 元素大小来对图像进行过采样(提高其分辨率):
更大的 html Canvas 元素:
<canvas id="canvas" width=600 height=300></canvas>
较小的 CSS 样式(导致 2 倍过采样):
#canvas{ width:300px; height:150px; }
关于javascript - 我有一个大图像,但我需要使用相同的图像,只是大小的一半并保持图像质量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27623218/