pathfinder/demo/client/html/svg-demo.html

<!DOCTYPE html>
<html>
    <head>
        <title>SVG &mdash; Pathfinder Demo</title>
        <meta charset="utf-8">
        ${require('./include/header.html')}
        <script type="text/javascript" src="/js/pathfinder/svg-demo.js"></script>
    </head>
    <body>
        ${require('./include/navbar.html')}
        <div class="rounded py-1 px-3" id="pf-fps-label">0 ms</div>
        <canvas id="pf-canvas" width="400" height="300"></canvas>
        <svg id="pf-svg" xmlns="http://www.w3.org/2000/svg" width="400" height="300"></svg>
        <label class="btn btn-secondary btn-file pf-bottom-control" id="pf-load-svg-button-label">
            Load SVG&hellip;
            <input type="file" style="display: none" id="pf-load-svg-button">
        </label>
        <div class="pf-bottom-control" id="pf-rendering-options-group">
            <select class="custom-select" id="pf-aa-level-select">
                <option data-pf-type="none" data-pf-level="0" selected>No AA</option>
                <option data-pf-type="ecaa" data-pf-level="0">ECAA (BROKEN)</option>
                <option data-pf-type="ssaa" data-pf-level="2">2&times;SSAA</option>
                <option data-pf-type="ssaa" data-pf-level="4">4&times;SSAA</option>
            </select>
        </div>
    </body>
</html>
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Stub an SVG demo page 2017-08-25 22:40:08 -04:00			`<title>SVG — Pathfinder Demo</title>`
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`<meta charset="utf-8">`
Use ES6 templates to reduce duplication in the demo HTML 2017-08-29 19:04:40 -04:00			`${require('./include/header.html')}`
Add `-demo` to the SVG and text demo files 2017-08-29 21:57:43 -04:00			`<script type="text/javascript" src="/js/pathfinder/svg-demo.js"></script>`
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`</head>`
			`<body>`
Use ES6 templates to reduce duplication in the demo HTML 2017-08-29 19:04:40 -04:00			`${require('./include/navbar.html')}`
Add timing measurement 2017-08-19 12:57:54 -04:00			`<div class="rounded py-1 px-3" id="pf-fps-label">0 ms</div>`
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`<canvas id="pf-canvas" width="400" height="300"></canvas>`
Stub out some more functionality for the SVG demo 2017-08-27 15:43:17 -04:00			`<svg id="pf-svg" xmlns="http://www.w3.org/2000/svg" width="400" height="300"></svg>`
Stub an SVG demo page 2017-08-25 22:40:08 -04:00			`<label class="btn btn-secondary btn-file pf-bottom-control" id="pf-load-svg-button-label">`
			`Load SVG…`
			`<input type="file" style="display: none" id="pf-load-svg-button">`
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`</label>`
Implement some antialiasing strategy infrastructure 2017-08-15 16:38:54 -04:00			`<div class="pf-bottom-control" id="pf-rendering-options-group">`
			`<select class="custom-select" id="pf-aa-level-select">`
			`<option data-pf-type="none" data-pf-level="0" selected>No AA</option>`
Get SSAA working for the tiger 2017-08-29 17:31:45 -04:00			`<option data-pf-type="ecaa" data-pf-level="0">ECAA (BROKEN)</option>`
Implement some antialiasing strategy infrastructure 2017-08-15 16:38:54 -04:00			`<option data-pf-type="ssaa" data-pf-level="2">2×SSAA</option>`
			`<option data-pf-type="ssaa" data-pf-level="4">4×SSAA</option>`
			`</select>`
			`</div>`
Introduce demo skeleton code 2017-08-08 14:23:30 -04:00			`</body>`
			`</html>`