是否有可能使用反应-图像裁剪来裁剪在线图像？

Question

我知道可以使用npm包反应-图像-作物裁剪本地存储在计算机中的图像。但是，是否有可能通过其url获取已经上传/在线的图像，然后使用相同的包对其进行裁剪？

Answer 1

组件的自述文件中的示例展示了如何将其与<img/>一起使用，因此，我认为可以将可视裁剪组件与您可以获得src的任何图像一起使用。

function CropDemo({ src }) {
  const [crop, setCrop] = useState<Crop>()
  return (
    <ReactCrop crop={crop} onChange={c => setCrop(c)}>
      <img src={src} />
    </ReactCrop>
  )
}

实际上，由于跨源问题，远程图像不可能完全在浏览器中(使用画布API)进行裁剪，但无论如何，组件并不是这样做的。