Signature_pad: 100% चौड़ाई के साथ कैसे काम करें?

को निर्मित 18 मई 2019 · 6टिप्पणियाँ · स्रोत: szimek/signature_pad

100% चौड़ाई के साथ कैसे काम करें?

स्रोत

hostcia

सबसे उपयोगी टिप्पणी

बोलना आसान है। हमें कोड दिखाएं।

freezed 31 जुल॰ 2019

😄4

सभी 6 टिप्पणियाँ

कृपया अधिक स्पष्ट रहें…

freezed 2 जुल॰ 2019

कृपया अधिक स्पष्ट रहें…

मैंने कैनवास को हैंडहेल्ड सोचकर बनाया था, चौड़ाई एकदम सही थी।

लेकिन उन्होंने एक टैबलेट का उपयोग करने का फैसला किया, इसलिए चौड़ाई कम हो गई।

छवि देखें:

सिग्नेचर स्क्रीन को किसी भी स्क्रीन साइज के हिसाब से रिस्पॉन्सिव (चौड़ाई 100%) कैसे बनाएं।

धन्यवाद।

hostcia 2 जुल॰ 2019

(मैं आपकी छवि नहीं देख सकता)
क्या डेमो कोड आपके टेबलेट पर काम करता है ?

freezed 2 जुल॰ 2019

एक ही मुद्दा हो।
मैंने मोबाइल स्क्रीन में कैनवास की चौड़ाई १००% ऊंचाई १००% सेट की है
तब कैनवास सही काम नहीं करता

xiaoxiaofan123 30 जुल॰ 2019

बोलना आसान है। हमें कोड दिखाएं।

freezed 31 जुल॰ 2019

😄4

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>
    )
}