Skip to content

Instantly share code, notes, and snippets.

@s417-lama

s417-lama/svg2pdf.bash

Created April 29, 2020 07:18
Show Gist options
  • Save s417-lama/84bf66de1096c4587e8187092fb41684 to your computer and use it in GitHub Desktop.
Save s417-lama/84bf66de1096c4587e8187092fb41684 to your computer and use it in GitHub Desktop.
Download ZIP
Reliable way to convert an SVG file to a PDF file using headless Chrome
Raw
svg2pdf.bash
#!/bin/bash
#
# Convert an SVG file to a PDF file by using headless Chrome.
#
if [ $# -ne 2 ]; then
echo "Usage: ./svg2pdf.bash input.svg output.pdf" 1>&2
exit 1
fi
INPUT=$1
OUTPUT=$2
HTML="
<html>
<head>
<style>
body {
margin: 0;
}
</style>
<script>
function init() {
const element = document.getElementById('targetsvg');
const positionInfo = element.getBoundingClientRect();
const height = positionInfo.height;
const width = positionInfo.width;
const style = document.createElement('style');
style.innerHTML = \`@page {margin: 0; size: \${width}px \${height}px}\`;
document.head.appendChild(style);
}
window.onload = init;
</script>
</head>
<body>
<img id=\"targetsvg\" src=\"${INPUT}\">
</body>
</html>
"
tmpfile=$(mktemp XXXXXX.html)
trap "rm -f $tmpfile" EXIT
echo $HTML > $tmpfile
google-chrome --headless --disable-gpu --print-to-pdf=$OUTPUT $tmpfile
@hinell
Copy link

hinell commented May 6, 2023

Anyone knows what's the backend is used to implement conversion from SVG to PS in chromium? Thanks in advance!

@fuhrmanator
Copy link

I didn't try this, but by including the SVG as an image in an HTML document, doesn't it lose text information (it's rasterized for security)? Therefore, I'm guessing the PDF produced will also not contain text (that can be searched). Maybe not a huge problem...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment