A generated spreadsheet full of pre-computed numbers is a snapshot. It looks right the moment it is produced and starts aging immediately: the data behind it moves on, the numbers inside it do not, and once the file has left your application nobody can tell which cells they are allowed to change. A workbook that carries its formulas instead stays a live document — edit an input, and the totals follow.
You build a document list for a client, and the client asks: "can I see the pages before downloading?" Just like that, you own a rendering feature you did not plan for. The same request shows up everywhere — a thumbnail strip under an inbox, a preview card pasted into a chat, a slide pulled from a deck and posted to social. In every case a PDF cannot be shown inline, but a picture of its pages can.
A PDF you produced last quarter still circulates internally, but its logo was rebranded last month and one chart shows numbers that are no longer true. You don't want to rebuild the document from scratch — you just need to swap the outdated image for the new one, or strip out an obsolete stamp or watermark entirely.
You received a 40-page report and need the eight charts inside it for a slide deck, or you want to pull product photos out of a supplier's catalog. The catch: a PDF stores images in an internal stream format that the browser's built-in APIs can't read, so there is no "right-click, save image" path.
A folder of images is awkward to hand to someone. A PDF is one file, opens everywhere, prints predictably, and — the part people actually care about — holds a fixed order. That is why scanned pages, photo sets, receipt photos, and exported design frames so often get assembled into a PDF before they go anywhere.
Table of Contents Why generate PDFs in the browser Prerequisites Add an image to a new PDF Add an image to an existing PDF Scaling and positioning Add images to multiple pages Download the result FAQ See Also Install with NPM Related Links DownloadSpire.Office for JavaScript text When your React app builds PDFs on the fly — an invoice that needs a company logo, a report with an embedded chart, a certificate carrying a signature — you have to place raster images onto the page programmatically. Plain JavaScript can't write into a PDF's internal structure, and standing up a backend…
Page 3 of 3
Home Spire.Office page 3