Canvas size appears different in web browsers than it does in onLayout

[leesoo7595]

Hi, thanks for such a great library.

The size of the Canvas as determined by onLayout is different from the size of the Canvas as seen in the web browser.
I want to know why. I just use Skia Paragraph in the Canvas and render it when 'load' state value is true.

const [size, setSize] = useState({ width: 0, height: 0 })
const [load, setLoad] = useState(false)

const handleTextLayout = (e: LayoutChangeEvent): void => {
  setSize({
    width: e.nativeEvent.layout.width,
    height: e.nativeEvent.layout.height,
  })
  setLoad(true)
}

return (
  <View>
    <Text onLayout={handleTextLayout}>hello</Text>
    { 
      load && (
        // this value and web browser's value are different each other.
        <Canvas style={{ width: size.width, height: size.height }} onLayout={(e) => console.log('canvas', e.nativeEvent.layout)}>
          <Paragraph paragraph={paragraph} x={0} y={0} width={size.width + 1} />
        </Canvas>
      )
    }
  </View>
)