сохранить холст как изображение только видимой области

Question

Я пытаюсь сохранить изображение с холста после изменения его размера или добавления к нему некоторых эффектов, но я не могу сохранить видимую область холста, он сохраняет полное изображение все время, есть ли способ сохранить только видимую часть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. создайте второй холст нужного размера (или вы можете изменить размер hiddon со своей страницы)
2. использовать контекстную функцию холста второго холста ctx.drawImage (canvas1, sx, sy, sw, sh, dx, dy, dw, dh)
3. используйте ваш код .toDataURL ("image / png") на втором холсте