English 中文(简体)
如何获得宽度和高度
原标题:How to get width and height
I am unable to get the width and height in react-pdf I want to get the width and height in react-pdf without the debug attribute. Desalination Demineralization Membrane Separator (MEMS) Unit-Level Flow Summary {createHeader(herder_val)} {createContent(items1, herder_val)}
问题回答
Use the measure method to get the width and height of the View component. you can modify your code to get the width and height of your View components. import React, { useRef, useEffect } from react ; import { Document, Page, Text, View, PDFViewer } from @react- pdf/renderer ; function MyPDF() { const viewRef = useRef(null); let width = 0; let height = 0; useEffect(() => { if (viewRef.current) { viewRef.current.measure((x, y, measuredWidth, measuredHeight) => { width = measuredWidth; height = measuredHeight; console.log(`Width: ${width}, Height: ${height}`); }); } }, []); return ( My View ); } export default MyPDF;
handleLoadSuccess = async (pdfObject) => { // If you want to get the dimension for page 1 (1-indexed) const page = await pdf.getPage(1); console.log(page.width); console.log(page.height); }; render() { }; Include this code to access the onLoadSuccess property. For instance, you can retrieve details such as page width, page height, and more when you do this.
You can get the height using onLoadSuccess and using the pdf with some of it s functions as below const [height, setHeight] = useState(0); { const heightOfPage = await pdf .getPage(1) .then((page) => page.getViewport({ scale: 1 }).height); setHeight(heightOfPage); }} > ;




相关问题
selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

How to fire event handlers on the link using javascript

I would like to click a link in my page using javascript. I would like to Fire event handlers on the link without navigating. How can this be done? This has to work both in firefox and Internet ...

How to Add script codes before the </body> tag ASP.NET

Heres the problem, In Masterpage, the google analytics code were pasted before the end of body tag. In ASPX page, I need to generate a script (google addItem tracker) using codebehind ClientScript ...

Clipboard access using Javascript - sans Flash?

Is there a reliable way to access the client machine s clipboard using Javascript? I continue to run into permissions issues when attempting to do this. How does Google Docs do this? Do they use ...

javascript debugging question

I have a large javascript which I didn t write but I need to use it and I m slowely going trough it trying to figure out what does it do and how, I m using alert to print out what it does but now I ...

Parsing date like twitter

I ve made a little forum and I want parse the date on newest posts like twitter, you know "posted 40 minutes ago ","posted 1 hour ago"... What s the best way ? Thanx.

热门标签