3rd-party/CREDITS 3rd-party/jquery-1.2.1.min.js 3rd-party/swfobject.js demo/demo.js demo/index.html @@ -1,11 +1,13 @@ /* Copyright 2006 Oliver Steele. All rights reserved. */ -//var interval_name = setInterval('draw()',100); -//clearInterval('animateShape()',500); +var canvas; +var ctx; -canvas = document.getElementById("canvas"); -var ctx = canvas.getContext("2d"); -ctx.save(); +function setup(canvasElement) { + canvas = canvasElement; + ctx = canvas.getContext("2d"); + ctx.save(); +} var Stats; var NewBounds; @@ -62,9 +64,9 @@ Graphics.prototype.setViewport = function (bounds) { this.ctx.restore(); this.clear(); this.ctx.save(); - var scale = Math.min(canvas.width / (xmax - xmin), - canvas.height / (ymax - ymin)); - //info('scale = ' + scale); + var scale = Math.min( + canvas.width / (xmax - xmin || 1), + canvas.height / (ymax - ymin || 1)); this.ctx.scale(scale, scale); this.ctx.translate(-xmin, -ymin); @@ -190,17 +192,17 @@ function drawNext() { if (drawingContext.queue.length) msg += " " + drawingContext.queue.length + " expansions remaining."; if (Stats.resetCount) msg += " (Reset bounds " + Stats.resetCount + " time"+(Stats.resetCount==1?'':'s')+".)"; - statusField.innerHTML = msg; + $('#statusField').html(msg); if (drawingContext.queue.length) - setTimeout('drawNext()', 10); + setTimeout(drawNext, 10); else stopRendering(); } function stopRendering() { if (drawingContext.queue.length) - statusField.innerHTML = "<font color='#ff0000'>Stopped rendering</font> at " + Stats.shapeCount + " shapes after " + Math.round(((new Date).getTime() - Stats.startTime)/1000) + "s, with " + drawingContext.queue.length + " expansions remaining."; + $('#statusField').html("<font color='#ff0000'>Stopped rendering</font> at " + Stats.shapeCount + " shapes after " + Math.round(((new Date).getTime() - Stats.startTime)/1000) + "s, with " + drawingContext.queue.length + " expansions remaining."); drawingContext.queue = []; drawingContext = null; javascripts/cfdg.js cfdg.html 91f3f34d3c820c0ad84bcdd6d4056a4702cdcd5e Oliver Steele steele@osteele.com http://github.com/osteele/cfdg-js/commit/b77ec2f71266624fd190635f5aabc9c47b6ccb33 b77ec2f71266624fd190635f5aabc9c47b6ccb33 2008-03-23T11:10:29-07:00 2008-03-23T11:10:29-07:00 move demo into demo directory; add jquery 9d29ff8b88254aefe26bbb8375baf102a2d1a2f9 Oliver Steele steele@osteele.com