将画布的一部分裁剪为另一个画布对象

Question

我有一个转换为画布对象的PDF。我看到许多插件将图像裁剪到画布对象。我需要的是将PDF画布的一部分裁剪成一个新对象。

然后我最终将新画布放入 tinymce 编辑器，但我想这是第二步。

是否有可以使用的插件，不仅可以从图像裁剪，还可以裁剪画布对象？

感谢。

Answer 1

您可以使用画布context.drawImage上的裁剪参数将一个画布裁剪到另一个画布中。

演示：http://jsfiddle.net/m1erickson/kdHLU/

var cropX=80;
var cropY=0;
var cropWidth=80;
var cropHeight=140;
var canvas1=document.getElementById("canvas1");
canvas1.width=cropWidth;
canvas1.height=cropHeight;
var ctx1=canvas1.getContext('2d');
ctx1.drawImage(canvasPDF,cropX,cropY,cropWidth,cropHeight,0,0,cropWidth,cropHeight);