- <!DOCTYPE html>
- <html lang="en">
-
- <head>
- <meta charset="utf-8">
- <title>X-ray Viewer</title>
- <link rel="stylesheet" href="xray.css">
- <script src="xray.js"></script>
- <meta name="theme-color" content="#000000" />
- <meta name="description" content="rip Flash lol" />
- <meta property="og:title" content="X-ray Viewer" />
- <meta property="og:description" content="rip Flash lol" />
- </head>
-
- <body>
- <div id="menu" class="start">
- <label>
- Base:
- <input type="text" id="base-url" placeholder="URL for base image">
- </label>
- <label>
- Overlay:
- <input type="text" id="overlay-url" placeholder="URL for overlay image">
- </label>
- <button id="load-button">Load</button>
- <label class="nostart">
- Radius:
- <input type="number" id="radius-input" placeholder="200" value="200">
- <input type="range" id="radius-slider" min="0" max="500" value="200">
- </label>
- <label class="nostart">
- Softness:
- <input type="number" id="softness-input" placeholder="25" value="25">
- <input type="range" id="softness-slider" min="0" max="100" value="25">
- </label>
- </div>
-
- <canvas class="hidden" id="overlay"></canvas>
- <canvas class="hidden" id="base"></canvas>
- <img id="overlay-img" src="overlay.png">
- <img id="base-img" src="base.png">
- </body>
|
