如何在Konvajs React中模拟类似Object-Fit Cover的CSS？

import React, { Component } from 'react';
import { Stage, Layer, Image, Transformer } from 'react-konva';

class ImageEditor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      imageUrl: 'https://example.com/image.jpg',
    };
  }

  componentDidMount() {
    window.addEventListener('resize', this.handleResize);
  }

  componentWillUnmount() {
    window.removeEventListener('resize', this.handleResize);
  }

  handleResize = () => {
    // 更新图片的宽度和高度
    const image = this.imageNode;
    const stage = image.getStage();
    const container = stage.container();
    const width = container.offsetWidth;
    const height = container.offsetHeight;
    image.width(width);
    image.height(height);
    stage.batchDraw();
  };

  render() {
    return (
      <div className="image-editor">
        <Stage width={800} height={600}>
          <Layer>
            <Image
              ref={(node) => {
                this.imageNode = node;
              }}
              image={this.state.imageUrl}
              draggable
            />
            <Transformer
              ref={(node) => {
                this.transformerNode = node;
              }}
            />
          </Layer>
        </Stage>
      </div>
    );
  }
}

export default ImageEditor;