js获取html工作区域,html2canvas.js截图只截取当前可视区域，html有echarts图表

如果您需要获取整个HTML页面的截图，可以使用html2canvas.js的`scrollY`和`scrollX`选项来设置要截取的完整页面区域。具体来说，您可以将这些选项设置为0，以捕获整个页面，而不仅仅是当前可见部分。

对于echarts图表，如果您需要捕获整个图表，而不仅仅是可见部分，可以使用echarts提供的`getRenderedCanvas`方法获取完整的渲染画布，然后将其插入到HTML DOM中进行截图。

以下是一个示例代码片段，展示了如何捕获整个HTML页面（包括echarts图表）的截图：

// 获取整个HTML页面的截图
html2canvas(document.body, {
  scrollY: 0,
  scrollX: 0,
}).then(canvas => {
  // 将canvas插入到DOM中进行展示或保存
  document.body.appendChild(canvas);
});

// 获取echarts图表的完整渲染画布
const chart = echarts.init(document.getElementById('chart'));
const renderedCanvas = chart.getRenderedCanvas({
  pixelRatio: 1,
  backgroundColor: '#fff',
});
// 将canvas插入到DOM中进行展示或保存
document.body.appendChild(renderedCanvas);

请注意，由于echarts图表可能会根据数据动态地重新渲染，因此在捕获完整渲染画布之前，您需要确保图表已经完成了所有的渲染操作。