如何检索剪辑区域的 dataURL？

【问题标题】：How to retrieve clipping region's dataURL?如何检索剪辑区域的 dataURL？
【发布时间】：2019-07-15 23:07:14
【问题描述】：

我正在尝试检索剪切区域的 dataURL，但只要矩形在该区域之外，生成的图像就会有边距（我猜它试图包含矩形）。

（点击“导出”按钮或将黑色矩形移出剪切区域）

是否可以只检索剪辑区域的内容？

【问题讨论】：

【解决方案1】：

node.toDataURL()函数可以设置x、y、width和height：

const clipArea = {
  x: 100,
  y: 100,
  height: 200,
  width: 200
};

const dataURL = node.toDataURL({
  pixelRatio: 2,
  ...clipArea
});

【讨论】：