求支持可调DPI、可选文本与CSS的HTML转PDF渲染工具（Vue场景）

Hey there! Let's work through your PDF generation challenge for your Vue-based spec sheets. First, let's clarify a few things about Puppeteer since you mentioned issues with it—you might have just missed some key configuration options:

Puppeteer does support selectable text in PDFs, and you can adjust DPI/improve font rendering. The blur you're seeing is likely from not setting a high enough deviceScaleFactor or missing font rendering flags. For example, here's a tweaked Puppeteer script that fixes those issues:

const puppeteer = require('puppeteer');

async function generatePDF() {
  const browser = await puppeteer.launch({
    args: [
      '--font-render-hinting=full', // Enables proper anti-aliasing
      '--enable-font-antialiasing'
    ]
  });
  const page = await browser.newPage();
  await page.setViewport({
    width: 1200,
    height: 1697, // A4 dimensions at 300 DPI
    deviceScaleFactor: 3 // Equates to ~300 DPI
  });
  await page.goto('https://your-vue-spec-sheet-url.com', { waitUntil: 'networkidle0' });
  const pdf = await page.pdf({
    format: 'A4',
    printBackground: true,
    preferCSSPageSize: true
  });
  await browser.close();
  return pdf;
}

That said, if you still want alternatives that meet all your requirements, here are my top recommendations grouped by runtime:

Node.js/JavaScript Tools #

• Playwright (official alternative to Puppeteer):

  • Checks all your boxes: renders HTML to PDF, supports selectable text, lets you adjust DPI via deviceScaleFactor, full CSS support, accepts URLs, handles multi-page documents, and runs seamlessly in Node.js.
  • It supports Chromium, Firefox, and WebKit, so you can test rendering across engines. Example snippet:

    const { chromium } = require('playwright');
    
    async function generatePDF() {
      const browser = await chromium.launch();
      const page = await browser.newPage({
        viewport: { width: 1200, height: 1697, deviceScaleFactor: 3 }
      });
      await page.goto('https://your-spec-sheet-url.com', { waitUntil: 'networkidle' });
      const pdf = await page.pdf({ format: 'A4', printBackground: true });
      await browser.close();
      return pdf;
    }
    

• wkhtmltopdf (with Node.js wrapper):

  • A battle-tested CLI tool that uses Qt WebKit under the hood. It supports selectable text, lets you set DPI with the --dpi flag, handles CSS perfectly, accepts URLs as input, and generates multi-page PDFs.
  • You can use the wkhtmltopdf npm package to integrate it into your Node.js workflow. Example command (or via the API):

    wkhtmltopdf --dpi 300 https://your-spec-sheet-url.com output.pdf
    

PHP Tools #

• dompdf:

  • A pure PHP library that converts HTML/CSS to PDF with full support for selectable text. You can set DPI via configuration, load directly from URLs, handle multi-page layouts, and it has solid CSS support (including flexbox, grid, etc.).
  • Example code snippet:

    require_once 'dompdf/autoload.inc.php';
    use Dompdf\Dompdf;
    use Dompdf\Options;
    
    $options = new Options();
    $options->set('dpi', 300); // Set desired DPI
    $options->set('isRemoteEnabled', true); // Allow loading URLs
    
    $dompdf = new Dompdf($options);
    $dompdf->loadHtmlFile('https://your-spec-sheet-url.com');
    $dompdf->setPaper('A4', 'portrait');
    $dompdf->render();
    $dompdf->stream('spec-sheet.pdf');
    

• TCPDF:

  • A mature PHP library with extensive PDF generation capabilities. It supports selectable text, allows DPI adjustments, can render HTML/CSS, load content from URLs, and handles multi-page documents. While its CSS support is slightly less comprehensive than dompdf, it's highly customizable and stable.

C++ Tools #

• Qt WebEngine:

  • If you're working in a C++ environment, Qt's WebEngine module is excellent for rendering HTML to PDF. It supports selectable text, lets you adjust DPI by setting the devicePixelRatio or zoom factor, handles CSS, loads URLs directly, and generates multi-page PDFs.
  • You'd use QWebEnginePage::printToPdf() with appropriate settings to generate your output.

• wkhtmltopdf (C++ API):

  • Since wkhtmltopdf is built on Qt, you can directly use its C++ API instead of the CLI if you need tighter integration into a C++ project. It offers all the same features: selectable text, DPI control, CSS support, URL input, and multi-page output.

All these tools meet your core requirement of selectable text, plus the other criteria you listed. If you're sticking with Node.js, Playwright is probably the most modern and reliable choice right now.

内容的提问来源于stack exchange，提问作者Dan