Php HTML5在画布中加载较小的图像并保存实际大小的图像

我正在使用HTML5Canvas和Java脚本创建一个图像编辑工具。通过缩放图像以适应画布，应用一些过滤器，并将图像保存回磁盘，我将大图像加载到画布

问题是，当我将画布保存到图像时，它将以画布大小存储图像。我想要的是图像将存储到它的实际尺寸与应用的过滤器。与Flickr使用的方法相同

比如说

如果图像是1000px 1000px并显示在300px X 300px画布中，则我将图像作为300px X 300px加载到画布。在保存时，我仍然想用1000px X 1000px的尺寸保存图像。怎么做

我正在使用php、HTML5和Javascript进行开发

在将映像发送到服务器之前，我想在客户端完成所有工作

有什么帮助吗

---

要寻找合适的解决方案，请使用此链接。它有完整的教程

在此图像中，尺寸将相应改变

更新

对于客户端

---

使用此链接。它有完整的教程

在此图像中，尺寸将相应改变

更新

对于客户端

找到了

只需使用css和标记属性更改画布大小

CSS宽度和高度调整画布的显示区域 标签宽度和高度是实际的图像宽度和高度

例如：

#canvas { width:500px; height:350px}
<canvas id="canvas" width="1024" height="760"></canvas>

#画布{宽度：500px；高度：350px}

上面将显示块为500px 350px的画布。 但是，当画布保存到图像时，它将以图像大小1024x760保存

只需使用css和标记属性更改画布大小

CSS宽度和高度调整画布的显示区域 标签宽度和高度是实际的图像宽度和高度

例如：

#canvas { width:500px; height:350px}
<canvas id="canvas" width="1024" height="760"></canvas>

#画布{宽度：500px；高度：350px}

上面将显示块为500px 350px的画布。

---

但是，当画布保存到图像时，它将以图像大小1024x760保存，这是不有用的，在客户端需要所有这些，没有用于图像处理的php。您不理解这个问题。请仔细阅读，我想用原始图像尺寸将画布数据保存到图像中不有用，客户端需要所有这些，没有用于图像处理的php。您不理解这个问题。请仔细阅读，我想用原始图像尺寸Hi将画布数据保存到图像中，您如何使画布上的图像变小？Ys，图像缩放n画布状闪烁，并且在保存图像时，它会产生类似原始尺寸的图像Hi，您如何使画布上的图像变小？Ys，图像缩放n画布状闪烁，以及在保存图像时，它会产生类似原始大小的图像