GNOME.org
 

seed r455 - trunk/modules/canvas

Author: racarr
Date: Sun Dec 14 07:27:04 2008
New Revision: 455
URL: http://svn.gnome.org/viewvc/seed?rev=455&view=rev

Log:
Merge all canvas tests in to one file.

Added:
   trunk/modules/canvas/run-tests.js   (contents, props changed)
Removed:
   trunk/modules/canvas/test1.js
   trunk/modules/canvas/test10.js
   trunk/modules/canvas/test11.js
   trunk/modules/canvas/test12.js
   trunk/modules/canvas/test13.js
   trunk/modules/canvas/test14.js
   trunk/modules/canvas/test15.js
   trunk/modules/canvas/test16.js
   trunk/modules/canvas/test2.js
   trunk/modules/canvas/test3.js
   trunk/modules/canvas/test4.js
   trunk/modules/canvas/test5.js
   trunk/modules/canvas/test6.js
   trunk/modules/canvas/test7.js
   trunk/modules/canvas/test8.js
   trunk/modules/canvas/test9.js

Added: trunk/modules/canvas/run-tests.js
==============================================================================
--- (empty file)
+++ trunk/modules/canvas/run-tests.js	Sun Dec 14 07:27:04 2008
@@ -0,0 +1,384 @@
+#!/usr/bin/env seed
+Seed.import_namespace("Canvas");
+
+function drawSpirograph(ctx,R,r,O){
+	var x1 = R-O;
+	var y1 = 0;
+	var i  = 1;
+	ctx.beginPath();
+	ctx.moveTo(x1,y1);
+	do {
+		if (i>20000) break;
+		var x2 = 
+			(R+r)*Math.cos(i*Math.PI/72) - (r+O)*Math.cos(((R+r)/r)*(i*Math.PI/72))
+			var y2 = 
+			(R+r)*Math.sin(i*Math.PI/72) - (r+O)*Math.sin(((R+r)/r)*(i*Math.PI/72))
+			ctx.lineTo(x2,y2);
+		x1 = x2;
+		y1 = y2;
+		i++;
+	} while (x2 != R-O && y2 != 0 );
+	ctx.stroke();
+}
+
+
+function test10(ctx)
+{
+	for (i=0;i<6;i++){
+		for (j=0;j<6;j++){
+			ctx.fillStyle = 'rgb(' + Math.floor(255-42.5*i) + ',' + 
+				Math.floor(255-42.5*j) + ',0)';
+			ctx.fillRect(j*25,i*25,25,25);
+		}
+	}
+	ctx.translate(150, 0);
+	for (i=0;i<6;i++){
+		for (j=0;j<6;j++){
+			ctx.strokeStyle = 'rgb(0,' + Math.floor(255-42.5*i) + ',' + 
+				Math.floor(255-42.5*j) + ')';
+			ctx.beginPath();
+			ctx.arc(12.5+j*25,12.5+i*25,10,0,Math.PI*2,true);
+			ctx.stroke();
+		}
+	}
+}
+
+function test11(ctx)
+{
+	// draw background
+	ctx.fillStyle = '#FD0';
+	ctx.fillRect(0,0,75,75);
+	ctx.fillStyle = '#6C0';
+	ctx.fillRect(75,0,75,75);
+	ctx.fillStyle = '#09F';
+	ctx.fillRect(0,75,75,75);
+	ctx.fillStyle = '#F30';
+	ctx.fillRect(75,75,75,75);
+	ctx.fillStyle = '#FFF';
+		
+	// set transparency value
+	ctx.globalAlpha = 0.2;
+		
+	// Draw semi transparent circles
+	for (i=0;i<7;i++){
+		ctx.beginPath();
+		ctx.arc(75,75,10+10*i,0,Math.PI*2,true);
+		ctx.fill();
+	}
+}
+
+function test12(ctx)
+{
+	ctx.fillStyle = 'rgb(255,221,0)';
+	ctx.fillRect(0,0,150,37.5);
+	ctx.fillStyle = 'rgb(102,204,0)';
+	ctx.fillRect(0,37.5,150,37.5);
+	ctx.fillStyle = 'rgb(0,153,255)';
+	ctx.fillRect(0,75,150,37.5);
+	ctx.fillStyle = 'rgb(255,51,0)';
+	ctx.fillRect(0,112.5,150,37.5);
+		
+	// Draw semi transparent rectangles
+	for (i=0;i<10;i++){
+		ctx.fillStyle = 'rgba(255,255,255,'+(i+1)/10+')';
+		for (j=0;j<4;j++){
+			ctx.fillRect(5+i*14,5+j*37.5,14,27.5)
+				}
+	}
+}
+
+function test13(ctx)
+{
+	for (i = 0; i < 10; i++){
+		ctx.lineWidth = 1+i;
+		ctx.beginPath();
+		ctx.moveTo(5+i*14,5);
+		ctx.lineTo(5+i*14,140);
+		ctx.stroke();
+	}
+}
+
+function test14(ctx)
+{
+	var lineCap = ['butt','round','square'];
+	
+	ctx.strokeStyle = '#09f';
+	ctx.beginPath();
+	ctx.moveTo(10,10);
+	ctx.lineTo(140,10);
+	ctx.moveTo(10,140);
+	ctx.lineTo(140,140);
+	ctx.stroke();
+	
+	// Draw lines
+	ctx.strokeStyle = "rgb(0,0,0)";
+	for (i=0;i<lineCap.length;i++){
+		ctx.lineWidth = 15;
+		ctx.lineCap = lineCap[i];
+		ctx.beginPath();
+		ctx.moveTo(25+i*50,10);
+		ctx.lineTo(25+i*50,140);
+		ctx.stroke();
+	}
+}
+
+function test15(ctx)
+{
+	var lineJoin = ['round','bevel','miter'];
+	ctx.lineWidth = 10;
+	for (i=0;i<lineJoin.length;i++){
+		ctx.lineJoin = lineJoin[i];
+		ctx.beginPath();
+		ctx.moveTo(-5,5+i*40);
+		ctx.lineTo(35,45+i*40);
+		ctx.lineTo(75,5+i*40);
+		ctx.lineTo(115,45+i*40);
+		ctx.lineTo(155,5+i*40);
+		ctx.stroke();
+	}
+}
+
+function test16(ctx)
+{
+	ctx.strokeStyle = "#fc0";
+	ctx.lineWidth = 1.5;
+	ctx.fillRect(0,0,300,300);
+
+	// Uniform scaling
+	ctx.save()
+		ctx.translate(50,50);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(100,0);
+	ctx.scale(0.75,0.75);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(133.333,0);
+	ctx.scale(0.75,0.75);
+	drawSpirograph(ctx,22,6,5);
+	ctx.restore();
+
+	// Non uniform scaling (y direction)
+	ctx.strokeStyle = "#0cf";
+	ctx.save()
+		ctx.translate(50,150);
+	ctx.scale(1,0.75);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(100,0);
+	ctx.scale(1,0.75);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(100,0);
+	ctx.scale(1,0.75);
+	drawSpirograph(ctx,22,6,5);
+	ctx.restore();
+
+	// Non uniform scaling (x direction)
+	ctx.strokeStyle = "#cf0";
+	ctx.save()
+		ctx.translate(50,250);
+	ctx.scale(0.75,1);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(133.333,0);
+	ctx.scale(0.75,1);
+	drawSpirograph(ctx,22,6,5);
+
+	ctx.translate(177.777,0);
+	ctx.scale(0.75,1);
+	drawSpirograph(ctx,22,6,5);
+	ctx.restore();
+
+}
+
+function test1(ctx)
+{
+	ctx.fillStyle = "rgb(200,0,0)";
+	ctx.fillRect (10, 10, 55, 50);
+	
+	ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
+	ctx.fillRect (30, 30, 55, 50);
+}
+
+function test2(ctx)
+{
+	ctx.fillRect(25,25,100,100);
+	ctx.clearRect(45,45,60,60);
+	ctx.strokeRect(50,50,50,50);
+}
+
+function test3(ctx)
+{
+	ctx.beginPath();
+	ctx.moveTo(75,50);
+	ctx.lineTo(100,75);
+	ctx.lineTo(100,25);
+	ctx.fill();
+}
+
+function test4(ctx)
+{
+	ctx.moveTo(0, 0);
+	ctx.beginPath();
+	ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
+	ctx.moveTo(110,75);
+	ctx.arc(75,75,35,0,Math.PI,false);   // Mouth (clockwise)
+	ctx.moveTo(65,65);
+	ctx.arc(60,65,5,0,Math.PI*2,true);  // Left eye
+	ctx.moveTo(95,65);
+	ctx.arc(90,65,5,0,Math.PI*2,true);  // Right eye
+	ctx.stroke();
+}
+
+function test5(ctx)
+{
+// Filled triangle
+	ctx.beginPath();
+	ctx.moveTo(25,25);
+	ctx.lineTo(105,25);
+	ctx.lineTo(25,105);
+	ctx.fill();
+		
+// Stroked triangle
+	ctx.beginPath();
+	ctx.moveTo(125,125);
+	ctx.lineTo(125,45);
+	ctx.lineTo(45,125);
+	ctx.closePath();
+	ctx.stroke();
+		
+}
+
+function test6(ctx)
+{
+	for (i=0;i<4;i++){
+		for(j=0;j<3;j++){
+			ctx.beginPath();
+			var x              = 25+j*50;               // x coordinate
+			var y              = 25+i*50;               // y coordinate
+			var radius         = 20;                    // Arc radius
+			var startAngle     = 0;                     // Starting point on circle
+			var endAngle       = Math.PI+(Math.PI*j)/2; // End point on circle
+			var anticlockwise  = i%2==0 ? false : true; // clockwise or anticlockwise
+				
+			ctx.arc(x,y,radius,startAngle,endAngle, anticlockwise);
+				
+			if (i>1){
+				ctx.fill();
+			} else {
+				ctx.stroke();
+			}
+		}
+	}
+		
+}
+
+function test7(ctx)
+{
+ctx.beginPath();
+		ctx.moveTo(75,25);
+		ctx.quadraticCurveTo(25,25,25,62.5);
+		ctx.quadraticCurveTo(25,100,50,100);
+		ctx.quadraticCurveTo(50,120,30,125);
+		ctx.quadraticCurveTo(60,120,65,100);
+		ctx.quadraticCurveTo(125,100,125,62.5);
+		ctx.quadraticCurveTo(125,25,75,25);
+		ctx.stroke();
+}
+
+
+function test8(ctx)
+{
+ctx.beginPath();
+		ctx.moveTo(75,40);
+		ctx.bezierCurveTo(75,37,70,25,50,25);
+		ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
+		ctx.bezierCurveTo(20,80,40,102,75,120);
+		ctx.bezierCurveTo(110,102,130,80,130,62.5);
+		ctx.bezierCurveTo(130,62.5,130,25,100,25);
+		ctx.bezierCurveTo(85,25,75,37,75,40);
+		ctx.fill();
+}
+
+function roundedRect(ctx,x,y,width,height,radius){
+	ctx.beginPath();
+	ctx.moveTo(x,y+radius);
+	ctx.lineTo(x,y+height-radius);
+	ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
+	ctx.lineTo(x+width-radius,y+height);
+	ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
+	ctx.lineTo(x+width,y+radius);
+	ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
+	ctx.lineTo(x+radius,y);
+	ctx.quadraticCurveTo(x,y,x,y+radius);
+	ctx.stroke();
+}
+
+function test9(ctx)
+{
+roundedRect(ctx,12,12,150,150,15);
+		roundedRect(ctx,19,19,150,150,9);
+		roundedRect(ctx,53,53,49,33,10);
+		roundedRect(ctx,53,119,49,16,6);
+		roundedRect(ctx,135,53,49,33,10);
+		roundedRect(ctx,135,119,25,49,10);
+
+		ctx.beginPath();
+		ctx.arc(37,37,13,Math.PI/7,-Math.PI/7,true);
+		ctx.lineTo(31,37);
+		ctx.fill();
+		for(i=0;i<8;i++){
+			ctx.fillRect(51+i*16,35,4,4);
+		}
+		for(i=0;i<6;i++){
+			ctx.fillRect(115,51+i*16,4,4);
+		}
+		for(i=0;i<8;i++){
+			ctx.fillRect(51+i*16,99,4,4);
+		}
+		ctx.beginPath();
+		ctx.moveTo(83,116);
+		ctx.lineTo(83,102);
+		ctx.bezierCurveTo(83,94,89,88,97,88);
+		ctx.bezierCurveTo(105,88,111,94,111,102);
+		ctx.lineTo(111,116);
+		ctx.lineTo(106.333,111.333);
+		ctx.lineTo(101.666,116);
+		ctx.lineTo(97,111.333);
+		ctx.lineTo(92.333,116);
+		ctx.lineTo(87.666,111.333);
+		ctx.lineTo(83,116);
+		ctx.fill();
+		ctx.fillStyle = "rgb(255,255,255)";
+		ctx.beginPath();
+		ctx.moveTo(91,96);
+		ctx.bezierCurveTo(88,96,87,99,87,101);
+		ctx.bezierCurveTo(87,103,88,106,91,106);
+		ctx.bezierCurveTo(94,106,95,103,95,101);
+		ctx.bezierCurveTo(95,99,94,96,91,96);
+		ctx.moveTo(103,96);
+		ctx.bezierCurveTo(100,96,99,99,99,101);
+		ctx.bezierCurveTo(99,103,100,106,103,106);
+		ctx.bezierCurveTo(106,106,107,103,107,101);
+		ctx.bezierCurveTo(107,99,106,96,103,96);
+		ctx.fill();
+		ctx.fillStyle = "rgb(0,0,0)";
+		ctx.beginPath();
+		ctx.arc(101,102,2,0,Math.PI*2,true);
+		ctx.fill();
+		ctx.beginPath();
+		ctx.arc(89,102,2,0,Math.PI*2,true);
+		ctx.fill();
+}
+
+tests = [test1, test2, test3, test4, test5, test6, test7, test8, test9, test10, test11, test12, test13, test14, test15, test16];
+
+ctx = new Canvas.PDFCanvas("tests.pdf", 500, 500);
+for (test in tests)
+{
+	tests[test](ctx);
+	ctx.showPage();
+}
+
+ctx.finish();
\ No newline at end of file
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]