remove unecessary folder
This commit is contained in:
Laurent Le Goff
parent
5908f1da11
commit
b7cc153384
5 changed files with 0 additions and 185 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
|
|
@ -1,18 +0,0 @@
|
||||||
<!DOCTYPE HTML>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<style type="text/css">
|
|
||||||
canvas { border: 1px solid black; }
|
|
||||||
</style>
|
|
||||||
<title>Canvas tutorial</title>
|
|
||||||
<script type="text/javascript" src="test.js">
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body onload="executeTests()">
|
|
||||||
<p>TestStar</p>
|
|
||||||
<canvas id="TestStar" width="400" height="400"></canvas>
|
|
||||||
<p>TestTransform</p>
|
|
||||||
<canvas id="TestTransform" width="400" height="400"></canvas>
|
|
||||||
<canvas id="TestFillRect" width="300" height="300"></canvas>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
%!
|
|
||||||
% Example of rotation... draws 36 lines in a circular pattern
|
|
||||||
|
|
||||||
0 10 360 { % Go from 0 to 360 degrees in 10 degree steps
|
|
||||||
newpath % Start a new path
|
|
||||||
|
|
||||||
gsave % Keep rotations temporary
|
|
||||||
144 144 moveto
|
|
||||||
rotate % Rotate by degrees on stack from 'for'
|
|
||||||
72 0 rlineto
|
|
||||||
stroke
|
|
||||||
grestore % Get back the unrotated state
|
|
||||||
|
|
||||||
} for % Iterate over angles
|
|
||||||
|
|
||||||
showpage
|
|
||||||
|
|
||||||
/box {
|
|
||||||
newpath
|
|
||||||
moveto
|
|
||||||
72 0 rlineto
|
|
||||||
0 72 rlineto
|
|
||||||
-72 0 rlineto
|
|
||||||
closepath
|
|
||||||
} def
|
|
||||||
|
|
||||||
% Specify font for text labels
|
|
||||||
/Helvetica findfont 40 scalefont setfont
|
|
||||||
|
|
||||||
gsave
|
|
||||||
40 40 translate % Set origin to (40, 40)
|
|
||||||
0 0 box stroke % Draw box at new origin...
|
|
||||||
77 0 moveto
|
|
||||||
(Translated) show % and label
|
|
||||||
grestore
|
|
||||||
|
|
||||||
gsave
|
|
||||||
100 150 translate % Translate origin to (100, 150)
|
|
||||||
30 rotate % Rotate counter-clockwise by 30 degrees
|
|
||||||
0 0 box stroke % Draw box...
|
|
||||||
75 0 moveto
|
|
||||||
(Translated & Rotated) show % and label
|
|
||||||
grestore
|
|
||||||
|
|
||||||
gsave
|
|
||||||
40 300 translate % Translate to (40, 300)
|
|
||||||
0.5 1 scale % Reduce x coord by 1/2, y coord left alone
|
|
||||||
0 0 box stroke % Draw box...
|
|
||||||
75 0 moveto
|
|
||||||
(Translated & Squished) show % and label
|
|
||||||
grestore
|
|
||||||
|
|
||||||
gsave
|
|
||||||
100 450 translate % Set origin to (300, 300)
|
|
||||||
45 rotate % Rotate coordinates by 45 degrees
|
|
||||||
0.5 1 scale % Scale coordinates
|
|
||||||
0 0 box stroke % Draw box
|
|
||||||
75 0 moveto
|
|
||||||
(Everything) show
|
|
||||||
grestore
|
|
||||||
|
|
||||||
showpage
|
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 592 KiB |
|
|
@ -1,103 +0,0 @@
|
||||||
function toDegree(radians) {
|
|
||||||
return radians * 180 / Math.PI;
|
|
||||||
}
|
|
||||||
function toRadians(degree) {
|
|
||||||
return degree * Math.PI / 180;
|
|
||||||
}
|
|
||||||
|
|
||||||
function draw(test){
|
|
||||||
var canvas = document.getElementById(test.name);
|
|
||||||
if (canvas.getContext){
|
|
||||||
var gc = canvas.getContext('2d');
|
|
||||||
test(gc)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function executeTests() {
|
|
||||||
draw(TestStar)
|
|
||||||
draw(TestTransform)
|
|
||||||
draw(TestFillRect)
|
|
||||||
}
|
|
||||||
|
|
||||||
function TestStar(gc) {
|
|
||||||
for(i = 0.0 ; i < 360; i = i + 10) {// Go from 0 to 360 degrees in 10 degree steps
|
|
||||||
gc.beginPath() // Start a new path
|
|
||||||
gc.save() // Keep rotations temporary
|
|
||||||
gc.translate(144, 144)
|
|
||||||
gc.rotate(i * (Math.PI / 180.0)) // Rotate by degrees on stack from 'for'
|
|
||||||
gc.moveTo(0, 0)
|
|
||||||
gc.lineTo(72, 0)
|
|
||||||
gc.stroke()
|
|
||||||
gc.restore() // Get back the unrotated state
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function TestTransform(gc) {
|
|
||||||
|
|
||||||
gc.save()
|
|
||||||
gc.translate(40, 40) // Set origin to (40, 40)
|
|
||||||
gc.beginPath()
|
|
||||||
gc.moveTo(0,0)
|
|
||||||
gc.lineTo(72,0)
|
|
||||||
gc.lineTo(72, 72)
|
|
||||||
gc.lineTo(0, 72)
|
|
||||||
gc.closePath()
|
|
||||||
gc.stroke()
|
|
||||||
gc.restore()
|
|
||||||
|
|
||||||
gc.save()
|
|
||||||
gc.translate(100, 150) // Translate origin to (100, 150)
|
|
||||||
gc.rotate(30* (Math.PI / 180.0)) // Rotate counter-clockwise by 30 degrees
|
|
||||||
gc.beginPath()
|
|
||||||
gc.moveTo(0,0)
|
|
||||||
gc.lineTo(72,0)
|
|
||||||
gc.lineTo(72, 72)
|
|
||||||
gc.lineTo(0, 72)
|
|
||||||
gc.closePath() // Draw box...
|
|
||||||
gc.stroke()
|
|
||||||
gc.restore()
|
|
||||||
|
|
||||||
gc.save()
|
|
||||||
gc.translate(40, 300) // Translate to (40, 300)
|
|
||||||
gc.scale(0.5, 1) // Reduce x coord by 1/2, y coord left alone
|
|
||||||
gc.beginPath()
|
|
||||||
gc.moveTo(0,0)
|
|
||||||
gc.lineTo(72,0)
|
|
||||||
gc.lineTo(72, 72)
|
|
||||||
gc.lineTo(0, 72)
|
|
||||||
gc.closePath() // Draw box...
|
|
||||||
gc.stroke()
|
|
||||||
gc.restore()
|
|
||||||
|
|
||||||
gc.save()
|
|
||||||
gc.translate(300, 300) // Set origin to (300, 300)
|
|
||||||
gc.rotate(45* (Math.PI / 180.0)) // Rotate coordinates by 45 degrees
|
|
||||||
gc.scale(0.5, 1) // Scale coordinates
|
|
||||||
gc.beginPath()
|
|
||||||
gc.moveTo(0,0)
|
|
||||||
gc.lineTo(72,0)
|
|
||||||
gc.lineTo(72, 72)
|
|
||||||
gc.lineTo(0, 72)
|
|
||||||
gc.closePath() // Draw box
|
|
||||||
gc.stroke()
|
|
||||||
gc.restore()
|
|
||||||
}
|
|
||||||
function TestFillRect(gc) {
|
|
||||||
gc.moveTo(95,95)
|
|
||||||
gc.lineTo(195,95)
|
|
||||||
gc.lineTo(195, 195)
|
|
||||||
gc.lineTo(95, 195)
|
|
||||||
gc.lineTo(95, 95)
|
|
||||||
|
|
||||||
|
|
||||||
gc.moveTo(105,105)
|
|
||||||
gc.lineTo(105, 205)
|
|
||||||
gc.lineTo(205, 205)
|
|
||||||
gc.lineTo(205,105)
|
|
||||||
gc.lineTo(105, 105)
|
|
||||||
|
|
||||||
gc.fill()
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue