Signature_pad: Как работать со 100% шириной?

Пожалуйста, будьте более откровенны ...

Пожалуйста, будьте более откровенны ...

Я сделал холст в стиле КПК, ширина была идеальной.

Но решили использовать планшет, поэтому ширина стала меньше.

Смотрите изображение:

Как сделать так, чтобы экран подписи реагировал (ширина 100%) на любой размер экрана.

Спасибо.

(Я не вижу твоего изображения)
Демонстрационный код работал на вашем планшете?

Есть такая же проблема.
Я установил ширину холста 100%, высоту 100% на мобильном экране
Тогда холст не работает правильно

Обсуждение дешево. Покажи нам код.

Используйте div wrap canvas . Затем используйте ResizeObserver listen 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>
    )
}