Reactjs 如何设置我的Konva fillPatternImage 100%高度

Reactjs 如何设置我的Konva fillPatternImage 100%高度,reactjs,canvas,konvajs,Reactjs,Canvas,Konvajs,我正在使用(反应) 正在显示,重复,但它的高度是源图像的初始高度。我想“适合”我的形状(高度100%/Y的封面) 有很多功能(fillPatternX、fillPatternOffsetX、fillPatternScaleX),但没有人在寻找我想要的 如何操作?您可以使用fillPatternScaleX和fillPatternScaleY将图案图像缩放到所需大小。您可能需要知道图案的原始图像大小才能计算比例 fillPatternScaleY={requiredHeight/pattern

我正在使用(反应)


正在显示,重复,但它的高度是源图像的初始高度。我想“适合”我的形状(高度100%/Y的封面)

有很多功能(fillPatternX、fillPatternOffsetX、fillPatternScaleX),但没有人在寻找我想要的


如何操作?

您可以使用
fillPatternScaleX
fillPatternScaleY
将图案图像缩放到所需大小。您可能需要知道图案的原始图像大小才能计算比例


fillPatternScaleY={requiredHeight/patternImageHeight}

能否澄清您希望看到的结果?可能
fillPatternScaleY
对你有用。我用的是变压器。我希望我的填充在转换期间覆盖整个区域(100%100%)。你能在线演示一下你已经拥有的吗?首先我会尝试ScaleY,我认为你是对的。如果它不起作用,我会做一把小提琴:)@lavrton你说得对!!fillPatternScaleY={height/patternImageHeight}。如果你想添加答案,我会接受!
  <Rect
    x={x}
    y={y}
    width={width}
    height={height}
    ...
    fillPatternImage={this.state.image}
    fillPatternRepeat="repeat-x"
  />