You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

59 lines
1.2 KiB

<!DOCTYPE html>
<title>Blome</title>
<code mode="text/html">
<html>
<head>
<meta charset="utf-8">
<style>
body {
background-color: #ffffcc;
}
</style>
<script type="text/javascript" src="paper.js"></script>
<script type="text/paperscript" src="blome.js" canvas="canvas"></script>
<script type="text/javascript">
window.globals = {};
function draw() {
paper.project.clear();
window.globals.blome();
}
function get_svg() {
return paper.project.exportSVG({asString: true});
}
window.onload = function() {
paper.install(window);
paper.setup(document.getElementById('canvas'));
draw();
document.getElementById('download-svg').addEventListener('click', function() {
var svgdata = 'data:image/svg+xml;utf8,' + encodeURIComponent(get_svg());
var a = document.createElement('a');
a.download = 'export.svg';
a.href = svgdata;
document.body.appendChild(a);
a.click();
});
document.getElementById('new').addEventListener('click', function() {
draw();
});
}
</script>
</head>
<body>
<canvas id="canvas" style="width: 300px; height: 485px;" resize></canvas>
<hr>
<button id="download-svg">download svg</button>
<button id="new">new</button>
<br>
</body>
</html>