NineSlicePlane

Props

https://pixijs.download/v7.x/docs/PIXI.NineSlicePlane.html

Usage

Result

Loading...

Live Editor

// import { Stage, NineSlicePlane } from '@pixi/react'; <Stage width={500} height={300} options={{ backgroundColor: 0xeef1f5 }}> <NineSlicePlane anchor={[200, 100]} pivot={[200, 100]} leftWidth={50} topHeight={30} rightWidth={60} bottomHeight={180} width={400} height={300} x={250} y={120} image="/pixi-react/img/speech-bubble.png" /> </Stage>

// import { Stage, NineSlicePlane } from '@pixi/react';

<Stage width={500} height={300} options={{ backgroundColor: 0xeef1f5 }}>
  <NineSlicePlane
    anchor={[200, 100]}
    pivot={[200, 100]}
    leftWidth={50}
    topHeight={30}
    rightWidth={60}
    bottomHeight={180}
    width={400}
    height={300}
    x={250}
    y={120}
    image="/pixi-react/img/speech-bubble.png"
  />
</Stage>

Example