Увеличить / уменьшить с помощью React-PDF

Question

В моем приложении ReactJS мне нужно добавить функциональность увеличения / уменьшения. Я использую React-PDF для отображения PDF в моем веб-приложении. A/C к документации есть scale prop используя который я могу scale страница в формате PDF.

Но используя scale prop не показывает мне никаких изменений в zoom фактор. Здесь code который я использую для этого.

<Document
        loading=""
        file={file}
        className="document"
        onLoadSuccess={(transport) => onLoadSuccess(transport, sectionIndex)}>
        <Page width={900} scale={30} className="page" pageNumber={1} />
    </Document>

Я пробовал следующие значения для scaleprop но, похоже, ничего не получает. 1,5, 0,5, 10, 30,40. Есть ли лучший способ сделать то же самое, или я что-то упустил?

Answer 1

Измените это на scale={5.0} (или любое другое значение, которое вы хотите проверить), вы увеличите масштаб.

В scale prop принимает десятичное значение, разделенное .

Надеюсь, это поможет:)

Answer 2

Похоже, вы не можете иметь жестко запрограммированную ширину и изменить масштаб, просто не решая эту проблему самостоятельно. Мой подход заключается в умножении ширины страницы на отслеживаемое соотношение во внутреннем состоянии.