如何将HTML画布的一部分裁剪为图像

Question

通过Canvas API https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL，我可以使用将画布保存到图像中

var canvas = document.getElementById('canvas');
var dataURL = canvas.toDataURL();
console.log(dataURL);

我的问题是如何裁剪画布，然后使用canvas.toDataURL（）API将其保存到图像中？