保存部分图像

Question

我有一个网络摄像头流，我需要保存一部分。它溢出以适应容器的盒子，因此流将模拟到一定的大小。有一个按钮，然后拍摄网络摄像头流的图片并将其发送到画布。然后我需要保存显示的图像部分，而不是溢出的部分。我最好如何去做到这一点？

HTML：

<div class="outsideWrapper">
    <div class="insideWrapper">
        <div id="webcam">
        </div>
        <img src="<?php echo $this->baseUrl('/media/images/gallery/overlay.png'); ?>" class="coveredImage">           
    </div>
</div>
<div class="span4">
    <h2>Output</h2>
    <canvas id="canvas"  height="240" width="320"></canvas>
</div> 

因此，画布是将网络摄像头拍摄的图像发送到的位置，已经定位，以便只有那部分实际可见才是我需要的部分。该项目是一个Zend项目，因此可以将图像发送到后端并使用php进行处理是否存在解决方案。