15 lines
366 B
HTML
15 lines
366 B
HTML
<canvas id="canvas" class="output" width="300" height="300"></canvas>
|
|
<script>
|
|
var ctx = document.getElementById("canvas").getContext("2d");
|
|
var angle = .4;
|
|
var s = Math.sin(angle);
|
|
var c = Math.cos(angle);
|
|
ctx.beginPath();
|
|
ctx.transform(c,s,-s,c,0,0);
|
|
ctx.moveTo(100,100);
|
|
ctx.lineTo(20,30);
|
|
ctx.transform(c,s,-s,c,0,0);
|
|
ctx.lineTo(40,-50);
|
|
ctx.stroke();
|
|
</script>
|