daonb · November 10, 2010 15:00
diff --git a/wrokshop_logo b/wrokshop_logo
 <html>  
 <head>  
  <script type="application/javascript">  
    function draw() {  
      var canvas = document.getElementById("canvas");  
      if (canvas.getContext) {  
        var ctx = canvas.getContext("2d");  
        var r = 150;            /* the logo's radius in pixels */
        var edge = Math.PI/13;  /* size of half a typical's line edge in radians */
        var base = edge*3;      /* size of half of the base in radians */
        var innerCircle = Math.ceil(r/4);  /* radius of the inner circle in pixels */
        /* move our center to the circle's center */
        ctx.translate(r,r);
        ctx.save();
        /* by using rotate, we can keep working around angle 0 */
        ctx.rotate(Math.PI/2);
        /* basic setup, line and fill color and line width */
        ctx.strokeStyle = "rgb(37,64,123)";  
        ctx.fillStyle = "rgb(37,64,123)";  
        ctx.lineWidth = Math.ceil(r/7);
        /* draw the base */
        ctx.beginPath();
        ctx.moveTo(0,0);
        ctx.lineTo(r, 0);
        ctx.stroke();
        ctx.beginPath();
        with (Math) {
            ctx.moveTo(r*cos(base), r*sin(base));
            ctx.lineTo(r*cos(-base), r*sin(-base));
        }
        ctx.arc(0,0, r, -base, base);
        ctx.fill();
        ctx.rotate(Math.PI/3);
        /* drawing the branches */
        for (var i=0;i<7;i++) {
            ctx.beginPath();
            ctx.moveTo(r,0);
            ctx.lineTo(0, 0);
            ctx.stroke();
            ctx.beginPath();
            with (Math) {
                ctx.moveTo(r*cos(edge), r*sin(edge));
                ctx.quadraticCurveTo(ceil(r*0.5), 0, r*cos(-edge), r*sin(-edge));
                ctx.arc(0,0, r, -edge, edge);
            }
            ctx.fill();
            ctx.rotate(Math.PI/4.5);
        }
        ctx.beginPath();
        ctx.arc(0,0, innerCircle, 0, Math.PI*2);
        ctx.fill();
        ctx.restore();
        /* for printing, uncomment the next line
        window.open(document.getElementById("canvas").toDataURL());
        */
      }  
    }  
  </script>  
 </head>  
 <body onload="draw();">  
   <canvas id="canvas" width="300" height="300"></canvas>  
 </body>  
 </html>
	<html>
	<head>
	<script type="application/javascript">
	function draw() {
	var canvas = document.getElementById("canvas");
	if (canvas.getContext) {
	var ctx = canvas.getContext("2d");
	var r = 150; /* the logo's radius in pixels */
	var edge = Math.PI/13; /* size of half a typical's line edge in radians */
	var base = edge3; / size of half of the base in radians */
	var innerCircle = Math.ceil(r/4); /* radius of the inner circle in pixels */
	/* move our center to the circle's center */
	ctx.translate(r,r);
	ctx.save();
	/* by using rotate, we can keep working around angle 0 */
	ctx.rotate(Math.PI/2);
	/* basic setup, line and fill color and line width */
	ctx.strokeStyle = "rgb(37,64,123)";
	ctx.fillStyle = "rgb(37,64,123)";
	ctx.lineWidth = Math.ceil(r/7);
	/* draw the base */
	ctx.beginPath();
	ctx.moveTo(0,0);
	ctx.lineTo(r, 0);
	ctx.stroke();
	ctx.beginPath();
	with (Math) {
	ctx.moveTo(rcos(base), rsin(base));
	ctx.lineTo(rcos(-base), rsin(-base));
	}
	ctx.arc(0,0, r, -base, base);
	ctx.fill();
	ctx.rotate(Math.PI/3);
	/* drawing the branches */
	for (var i=0;i<7;i++) {
	ctx.beginPath();
	ctx.moveTo(r,0);
	ctx.lineTo(0, 0);
	ctx.stroke();
	ctx.beginPath();
	with (Math) {
	ctx.moveTo(rcos(edge), rsin(edge));
	ctx.quadraticCurveTo(ceil(r0.5), 0, rcos(-edge), r*sin(-edge));
	ctx.arc(0,0, r, -edge, edge);
	}
	ctx.fill();
	ctx.rotate(Math.PI/4.5);
	}
	ctx.beginPath();
	ctx.arc(0,0, innerCircle, 0, Math.PI*2);
	ctx.fill();
	ctx.restore();
	/* for printing, uncomment the next line
	window.open(document.getElementById("canvas").toDataURL());
	*/
	}
	}
	</script>
	</head>
	<body onload="draw();">
	<canvas id="canvas" width="300" height="300"></canvas>
	</body>
	</html>
No results found