Signature_pad: 如何以 100% 宽度操作？

请更明确...

请更明确...

我让画布想到了手持设备，宽度很完美。

但他们决定使用平板电脑，所以宽度变小了。

看图：

如何使签名屏幕响应（宽度 100%）任何屏幕尺寸。

谢谢你。

（我看不到你的图片）
演示代码是否适用于您的平板电脑？

有同样的问题。
我在移动屏幕中设置画布宽度 100% 高度 100%
然后画布不能正常工作

谈话很便宜。 向我们展示代码。

使用div包装canvas 。 然后使用ResizeObserver监听div大小的变化。 传递给canvas 。

这很复杂，但有效。 我使用useMeasure的react-use 。 见下文：

import React from 'react'
import { useMeasure } from 'react-use'

export default () => {
    const [containerRef, { width, height }] = useMeasure();

    return (
        <div ref={containerRef} style={{ width: '100%', height: '100%' }}>
            <canvas width={width} height={height} />
        </div>
    )
}