Как установить мой Konva fillPatternImage на 100% высоты

Question

Я использую Конва (в React).

  <Rect
    x={x}
    y={y}
    width={width}
    height={height}
    ...
    fillPatternImage={this.state.image}
    fillPatternRepeat="repeat-x"
  />

Изображение заполнения отображается, повторяется, но его высота - начальная высота моего исходного изображения. Я хотел бы «подогнать» его под мою форму (вид высоты 100% / укрытие Y).

Существует много функций в документ (fillPatternX, fillPatternOffsetX, fillPatternScaleX), но никто не ищет то, что я хочу.

Как я могу это сделать?

Answer 1

Вы можете использовать fillPatternScaleX и fillPatternScaleY для масштабирования изображения шаблона до необходимого размера. Вам может потребоваться узнать исходный размер изображения вашего шаблона, чтобы рассчитать масштаб.

fillPatternScaleY={requiredHeight / patternImageHeight}