<html>
|
<body>
|
<body onload="go()">
|
<canvas id="canvas" width="24" height="24"></canvas>
|
<script>
|
|
function go() {
|
var canvas = document.getElementById("canvas");
|
var ctx = canvas.getContext("2d");
|
|
var path = new Path2D();
|
path.moveTo(0, 0);
|
for(var i=0; i<1000; i++) {
|
path.lineTo(0,0);
|
}
|
path.lineTo(2, 0 + 2*1e-28);
|
path.lineTo(4, -1e-30 + 4*1e-28);
|
path.lineTo(4, -2e-30 + 4*1e-28);
|
path.lineTo(4.1, -2e-30 + 4.1*1e-28);
|
path.lineTo(4.1, -1e-30 + 4.1*1e-28);
|
path.lineTo(6, 0 + 6*1e-28);
|
path.lineTo(10, -4e-30 + 10*1e-28);
|
path.lineTo(14, 0 + 14*1e-28);
|
path.lineTo(0.5, 1e-27 + 0.5*1e-28);
|
path.closePath();
|
|
ctx.setTransform(1, -25, 0, 2.5e+29, 0, 5);
|
ctx.fill(path);
|
}
|
|
</script>
|
</body>
|