Skip to content

Instantly share code, notes, and snippets.

@dshaw

dshaw/simple-rectangle-canvas.html

Created June 3, 2010 23:28
Show Gist options
  • Save dshaw/424664 to your computer and use it in GitHub Desktop.
Save dshaw/424664 to your computer and use it in GitHub Desktop.
Download ZIP
Simple Rectangle Demos in SVG and Canvas
Raw
simple-rectangle-canvas.html
<canvas id="rect" width="440" height="120"></canvas>
<script>
var elem = document.getElementById('rect');
context = elem.getContext('2d');
context.fillStyle = "rgb(255,0,0)";
context.fillRect(20, 20, 220, 120);
</script>
Raw
simple-rectangle-svg.html
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="440" height="120">
<rect x="20" y="20" width="200" height="100" fill="red"/>
</svg>
@dshaw
Copy link
Author

dshaw commented Jun 4, 2010

Sample code for: http://frontend.dshaw.com/html5-and-why-developers-favor-canvas-over-sv [...g]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment