javascript - 我可以保存我用 Javascript 编辑的图像，也许使用 PHP，以便更改是永久性的吗？

Question

我的总体目标是让用户上传图片，然后预览，然后允许他们修改它，就像任何社交媒体应用程序一样，

我在一个(.php 文件)HTML 文档中使用 JavaScript:

  <img src="uploads/profile24.jpeg" id="img">
  <label>blur</label>
  <input type="range" min="0" max="3" step="0.1" onchange="applyFilter()" data-filter = "blur" data-scale="px"> 


<script type="text/javascript">

        var image = document.getElementById('img');
        var filterControls = document.querySelectorAll('input[type=range]');
        function applyFilter(){

            var computedFilter = '';

            filterControls.forEach(function(item, index){

                computedFilter += item.getAttribute('data-filter') + '(' + item.value + item.getAttribute('data-scale') + ') ';

            });

            image.style.filter = computedFilter;


        }

</script>

我想做的是使这些更改永久化，这样我就可以使用 PHP 上传编辑后的图像，也许会覆盖原始图像。

编辑:我知道我说过我也对像 GD 这样的 PHP 库感兴趣，但我想排除这些答案，谢谢!

Answer 1

Imagick 是一个 PHP 扩展，用于使用 ImageMagick 库创建和修改图像。

使用以下链接作为永久性新图像更改的示例:

https://github.com/mkoppanen/imagick