25 lines
1.4 KiB
XML
25 lines
1.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="550" height="425" viewBox="0 0 550 425">
|
|
<rect width="550" height="425" fill="#FFFFFF" stroke="#AAAAAA" />
|
|
|
|
<text x="105" y="400">Page 3</text>
|
|
<text x="380" y="400">Page 4</text>
|
|
|
|
<foreignObject x="25" y="25" width="225" height="375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml">
|
|
<b>SVGs</b>
|
|
<p>First we'll need to have a template to start with...</p>
|
|
<p>SVG (Scalable Vector Graphics) is an XML-based vector image format.</p>
|
|
<p>If you already know HTML, SVG is super easy to wrap your head around and start modifying, but comes with some handy extra tools for making things like print documents like this one.</p>
|
|
<p>SVG seems like a good choice to use for building a document template.</p>
|
|
</div>
|
|
</foreignObject>
|
|
|
|
<foreignObject x="300" y="25" width="225" height="375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml">
|
|
<b>QR Codes</b>
|
|
<p>Getting code onto and off of paper easily is a pain if you're relying on manually copying between the two.</p>
|
|
<p>Fortunately, this problem is largely avoided using barcodes and 2d barcodes like QR Codes, the ubiquitous 2d barcode solution that pretty much everyone has a scanner for in their pocket.</p>
|
|
<p>The biggest QR codes can store about 3kB of text, which is decent, but not quite enough for us.</p>
|
|
</div>
|
|
</foreignObject>
|
|
</svg>
|
