首页 > 解决方案 > 使用 react-konva 翻转图像

问题描述

使用https://github.com/lavrton/react-konva

如何翻转图像(水平或垂直)我正在使用此功能,但它不起作用:

  flip = direction => {
    this.setState({
      width: -this.state.width
    })
  }

标签: reactjsimageflipkonvajsreact-konva

解决方案


最好使用 scale 属性:

<Image image={this.state.image} scaleY={-1} y={200}/>

因此,在您所在的州,您应该scale使用 1 或 -1 值存储属性,

https://codesandbox.io/s/v6yk2j2w0l


推荐阅读