我想通过 Javascript 创建照片滤镜

I want to create Photo Filters by Javascript

在将照片上传到我的服务器之前，我想修改图像的背景、布局等，例如 Instagram 的照片滤镜（请查看附加图像）。

请帮助我，jQuery 插件或库可以做到吗？

对于样式图像，您应该主要使用 CSS。为此，有相当不错的 CSS 库。例如 Instagram.css

<link rel="stylesheet" href="instagram.min.css">

从可能的 class 列表中添加 class filter-[filter-name]：

<figure class="filter-[filter-name]">
  <img src="assets/img/instagram.jpg">
</figure>

结果：

然后您可以使用 javascript 或 jQuery 动态添加 class 并应用过滤器。

我认为这是解决您问题的方法 https://www.html5rocks.com/en/tutorials/canvas/imagefilters/#toc-conclusion https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL