Whatever message this page gives is out now! Go check it out!
<cfhtmltopdf destination="canvas.pdf" overwrite="yes">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Filling Color inside a Rectangle on the Canvas</title>
<style>
canvas {
border: 1px solid #000;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.rect(50, 50, 200, 100);
context.fillStyle = "#FB8B89";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
};
</script>
</head>
<body>
<canvas id="myCanvas" width="300" height="200"></canvas>
</body>
</html>
</cfhtmltopdf><cfhtmltopdf destination="CSS3_Flexbox.pdf" overwrite="yes">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example of Controlling Flow inside Flex Container along Main Axis</title>
<style>
.flex-container {
width: 80%;
min-height: 300px;
margin: 0 auto;
font-size: 32px;
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
border: 1px solid #666;
}
.flex-container div {
padding: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item1 {
background: #e84d51;
}
.item2 {
background: #7ed636;
}
.item3 {
background: #2f97ff;
}
</style>
</head>
<body>
<div class="flex-container">
<div class="item1">Item 1</div>
<div class="item2">Item 2</div>
<div class="item3">Item 3</div>
</div>
</body>
</html>
</cfhtmltopdf><cfhtmltopdf destination=”js.pdf” overwrite="yes">
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> </head> <body>
<div id = "map" style = "width: 900px; height: 580px"></div>
<script>
// Creating map options
var mapOptions = {
center: [17.385044, 78.486671],
zoom: 10
} // Creating a map object
var map = new L.map('map', mapOptions); // Creating a Layer object
var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'); // Adding layer to the map
map.addLayer(layer);
</script>
</body>
</html>
</cfhtmltopdf><cfhtmltopdf source="input.html" destination="pdfa3u.pdf" conformance="PDFA3u" overwrite="yes">
</cfhtmltopdf><cfhtmltopdf>
some html content.
<cfhtmltopdfitem type="header">
<html>
<table
width="100%"
style="font-size: 12px; font-family: Tahoma, sans-serif" >
<tr>
<td valign="top" align="left" width="50%">
<img border="0" height="88"
src=https://www.google.co.uk/logos/doodles/2022/seasonal-holidays-2022-
6753651837109831.4-law.gif />
</td>
<td valign="center" align="left" height="50%" width="50%">
<h1>Header</h1>
</td>
</tr>
</table>
<table
width="100%"
style="border-bottom: 1px;
font-size: 10px;
font-family: Tahoma, sans-serif; cellspacing=5" >
<tr>
<td valign="middle" align="center" width="10%">
<strong>Sl No.</strong>
</td>
<td valign="middle" align="left" width="36%">
<strong>Column1</strong>
</td>
<td valign="middle" align="right" width="10%">
<strong>Column2</strong>
</td>
<td valign="middle" align="right" width="12%">
<strong>Column3</strong>
</td>
</tr>
</table>
</html>
</cfhtmltopdfitem>
<cfhtmltopdfitem type="pagebreak">
</cfhtmltopdfitem>
<cfhtmltopdfitem type="footer">
<p>footer</p>
</cfhtmltopdfitem>
</cfhtmltopdf>