php - 将 Canvas 保存为仅图像可见区域

Question

我正在尝试在调整大小或添加一些效果后从 Canvas 中保存图像，但我无法保存 Canvas 的可见区域它一直保存完整图像有什么办法我只能保存可见部分用 php 或 javascript 或其他任何东西绘制其中的任何东西

我正在使用 jquery 和 php 来保存来自相同事物的图像

    var canvasData = canvas.toDataURL("image/png");
var postData = 'canvasData='+canvasData;
var ajax = new XMLHttpRequest();
ajax.open('POST','http://localhost/canvas/imagesaver.php',true);
ajax.setRequestHeader('Content-Type', 'canvas/upload');

这是我现在想做的事情

http://jsfiddle.net/BPmb5/1/

Answer 1

仅客户端解决方案:

1. 创建第二个大小合适的 Canvas (或者您可以调整页面中隐藏的 Canvas 的大小)
2. 使用第二个 Canvas 的 Canvas 上下文函数ctx.drawImage(canvas1, sx, sy, sw, sh, dx, dy, dw, dh)
3. 在第二个 Canvas 上使用您的 .toDataURL("image/png") 代码