缩放用户上传的图片onclick按钮

Question

以下是放大和缩小的基本代码：https : //codepen.io/kidsdial/pen/ROBpgM，

现在，我尝试将代码集成到我的项目中。

背景：

1. 用户单击蒙版，然后将自己的图像上传到蒙版上。

2. 图片上传后，“编辑文本”就会显示在图片上。

3. 用户单击“编辑文本”后，我们将显示一个弹出框。

4. 显示放大和缩小按钮。

问题：

当我们单击该按钮时，用户上传的图像不会发生缩放。

https://drive.google.com/file/d/1QMsrGBfLxo7sC06U5WDEJDpw7zGvJga5/view

Codepen：https ://codepen.io/kidsdial/pen/PgxegO

小提琴：https : //jsfiddle.net/kidsdial1/nhswfjr3/

Answer 1

Document.getElementById("img").src = json(data);var angle = 0;var scale = 1;var $img = $('#image');json或JSON数据或jsonData请先检查两次