javascript - 图像渲染,但使图像更加像素化?

标签 javascript html css image image-rendering

我需要向我网站的用户说明,当他们的图像被打印到 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/

相关文章:

javascript - 从选择中删除特定父级的子级

html - 如何防止 flex div 的内容增加宽度?

javascript - 如果div中没有​​值如何隐藏按钮

javascript - 悬停并单击 Jquery

jquery - 将瓷砖放在带有同位素的容器边界处?

php - 当变量变为 TRUE 时弹出警报

javascript - MTurk : Posting experimental conditions simultaneously, 但只允许每个 worker 看到其中一个条件

javascript - 使用 Paperclip 通过 http 将图像发布请求上传到其他应用程序

html - 使用 bootstrap 的嵌套布局导致错位

javascript - 使用 JavaScript 添加 CSS 类