我需要向我网站的用户说明,当他们的图像被打印到 Canvas 上时,它会随着变大而失去质量。这样做的方法是故意降低他们在屏幕上提供的图像的分辨率,并免责声明为什么会这样。
我听说过图像渲染,但可以理解的是,我看到的所有示例都是在增加图像大小时改进跨浏览器的图像。无论如何保持图像大小相同但降低分辨率?会愉快地使用 css、JavaScript 和 PHP。
最佳答案
您可以使用 image transformation API from Cloudinary
这是一个 API,可以按照您希望的方式返回转换后的图像。考虑到您不需要任何特殊的东西或高带宽,这可能适合您。
使用方法如下:
- 创建一个免费帐户
- 上传图片
- 像这样访问您的图像:
http://res.cloudinary.com/demo/image/upload/e_pixelate:4/sample.jpg
demo
是你的“bucket”,image
是图片资源的目录,e_pixelate:4
是效果的名字和它的参数,最后sample.jpg
是一张图片的文件名。
关于javascript - 图像渲染,但使图像更加像素化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35774747/