[求助]——下载选中区域的图片功能

[slince-zero]

目前，我已经完成点击‘截选按钮’ 出现一个可以拖动、拉伸的框框，但是下载选中区域的图片，这个功能遇到了一些问题。

问题如下：

图片和一些编辑操作都在 CenterBoard 组件中，所以在最外层的div里面写一个ref={imageContainerRef}>，可以很容易的拿到整个页面的dom元素，然后再借助 dom-to-image 这个库就可以实现下载。

但是，我将一个名为ScreenCapture 的组件放在了 CenterBoard 组件中，所以，我不知道应该怎么拿到选中区域的图片，希望有人可以帮我解决下这个问题。

I have currently implemented a feature where clicking on a 'crop button' creates a draggable and resizable box. However, I'm facing some issues with downloading the selected area of the image.

The problem is as follows:

Both the image and some editing operations are within the CenterBoard component. So, by adding a ref={imageContainerRef} to the outermost div, I can easily access the DOM elements of the entire page, and then with the help of the dom-to-image library, I can achieve the download functionality.

However, I have a component called ScreenCapture placed within the CenterBoard component. Therefore, I'm unsure how to access the image of the selected area. I hope someone can help me resolve this issue.