from-data-to-pdf
Version:
This library converts html files, URL and character string from html files to PDF files or PDF buffer.
74 lines (64 loc) • 3.69 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="css/styles.css">
<script src="./node_modules/animejs/lib/anime.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div class="main">
<svg class="test" width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="180" cy="180" r="180" fill="#0E0D0D">
<animate attributeType="XML" attributeName="r" from="180" to="18"dur="5s" repeatCount="indefinite"/>
</circle>
</svg>
</div>
<hr>
<div class="main">
<div class="test2">
<!-- <svg points="" width="480" height="480" viewBox="0 0 192 233" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="morph" d="M0 233L37 0H99.5H162L192 233H124L99.5 0L70 233H0Z" fill="black"/>
</svg> -->
<svg width="599" height="452" viewBox="0 0 599 452" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="morph" d="M110 401.62C110 400.793 127 400.793 127 401.62C127 402.446 127 420 127 420H110C110 420 110 402.446 110 401.62Z" fill="black"/>
<!-- <path d="M110 153C110 141 127 141 127 153C127 165 127 420 127 420H110C110 420 110 165 110 153Z" fill="black"/>
<path d="M110 153C110 141 127 153 127 153C127 153 231.059 413.374 127 420C120.374 420.421 110 420 110 420C110 420 154.5 410.448 154.5 343C154.5 279.886 110 158.801 110 153Z" fill="black"/> -->
</svg>
</div>
</div>
<hr>
<div class="main">
<div class="test2">
<svg width="48" height="77" viewBox="0 0 48 77" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="morph2" d="M9.34857 19H4.02249C4.02249 19 -0.802503 9.53952 1.66911 4.26037C2.36312 2.77802 2.62744 1.64831 4.02249 0.792229C5.79527 -0.295656 7.53827 -0.232017 9.34857 0.792229C10.8221 1.62592 11.1847 2.75006 11.9497 4.26037C14.5907 9.4748 9.34857 19 9.34857 19Z" fill="black"/>
</svg>
</div>
</div>
<hr>
<div class="main">
<div class="container">
<p class="ouioui">
epic mega sale
</p>
</div>
</div>
<hr>
<div class="main">
<svg width="400" height="697" viewBox="0 0 267 697" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="fig" d="M0 697V0H149H219.5C219.5 0 266.27 48.0559 266.5 86.5C266.733 125.374 254.711 157.776 219.5 174.25C194.562 185.917 164.767 151.68 149 174.25C129.767 201.782 215.895 190.109 219.5 223.5C223.422 259.824 150.416 248.492 149 285C147.325 328.189 233.434 302.636 242 345C252.05 394.705 145.219 385.055 149 435.625C152.811 486.596 249.26 460.333 256 511C263.503 567.398 165.966 555.568 149 609.875C138.854 642.351 149 697 149 697H0Z" fill="black"/>
</svg>
<svg width="265" height="628" viewBox="0 0 265 628" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M150 627H1V1H150L263 72C263 72 146.414 102.279 150 157.5C153.426 210.246 263 232 263 232C263 232 147.722 259.524 150 314C152.213 366.918 263 389 263 389C263 389 151.246 416.105 150 470.5C148.733 525.823 263 556 263 556L150 627Z" stroke="black"/>
</svg>
</div>
<hr>
<div class="main">
<div class="wesh123">
</div>
</div>
</body>
</html>