You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.5 KiB
HTML
51 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Draw</title>
|
|
|
|
<script src="{{url_for('static', filename='js/draw.js')}}" defer></script>
|
|
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/variables.css')}}" />
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/global.css')}}" />
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/draw.css')}}" />
|
|
</head>
|
|
<body>
|
|
<h1>Draw</h1>
|
|
<div id="divSmoothingFactor">
|
|
<label for="cmbBufferSize">Buffer size:</label>
|
|
<select id="cmbBufferSize">
|
|
<option value="1">1 - No smoothing</option>
|
|
<option value="4">4 - Sharp curves</option>
|
|
<option value="8" selected="selected">8 - Smooth curves</option>
|
|
<option value="12">12 - Very smooth curves</option>
|
|
<option value="16">16 - Super smooth curves</option>
|
|
<option value="20">20 - Hyper smooth curves</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div id="svg-container">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
version="1.1"
|
|
id="svgElement"
|
|
x="0px"
|
|
y="0px"
|
|
width="500px"
|
|
height="500px"
|
|
viewBox="0 0 500 500"
|
|
enable-background="new 0 0 500 500"
|
|
xml:space="preserve"
|
|
data-parent="{{parent or None}}"
|
|
data-branch="{{branch}}"
|
|
></svg>
|
|
<div id="previous">{% if content %} {{content|safe}} {% endif %}</div>
|
|
</div>
|
|
|
|
<button id="send">Send</button>
|
|
</body>
|
|
</html>
|