<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>For what IT worths &#187; javascript</title>
	<atom:link href="http://www.forwhatitworths.com/posts/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.forwhatitworths.com</link>
	<description>taking I.T. personally</description>
	<lastBuildDate>Thu, 20 May 2010 23:30:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Canvas Element and me</title>
		<link>http://www.forwhatitworths.com/posts/2007/08/the-canvas-element-and-me/</link>
		<comments>http://www.forwhatitworths.com/posts/2007/08/the-canvas-element-and-me/#comments</comments>
		<pubDate>Sun, 12 Aug 2007 18:40:06 +0000</pubDate>
		<dc:creator>tamasdecsi</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.forwhatitworths.com/?p=4</guid>
		<description><![CDATA[I became aware of the canvas element when it was introduced in Firefox version 1.5. With all the frustrations still not seeing SVG mainstream support in most browser, I was fascinated to see this other approach to renders vector graphics on web pages. Of course, Internet Explorer does not support it, so there&#8217;s not much [...]]]></description>
			<content:encoded><![CDATA[<p>I became aware of the <a href="http://developer.apple.com/documentation/AppleApplications/Reference/SafariJSRef/Classes/Canvas.html#//apple_ref/doc/uid/30001240-CJBCECGI.html#//apple_ref/doc/uid/30001236">canvas element</a> when it was introduced in Firefox version 1.5. With all the frustrations still not seeing SVG mainstream support in most browser, I was fascinated to see this other approach to renders vector graphics on web pages. Of course, Internet Explorer does not support it, so there&#8217;s not much to do with it in the real world until it becomes supported in the far future. Nevertheless, I gave it a try.</p>
<p>Here comes the result of my short experiment: the canvas clock.</p>
<p><!-- canvas clock --><script src="http://files.forwhatitworths.com/canvas.js" type="text/javascript"></script><canvas id="canvasclock" width="140" height="120" style="float: left"><!-- FIXME: ie: download whichever plugin to display this --></canvas><script type="text/javascript">   render_canvasclock();   </script><!-- /canvas clock --> If you happen to belong to the growing minority of people using either Safari, Firefox, or Opera browser, you&#8217;ll be able to read your local time in a fashioned manner here to the left. Should you still be an Internet Explorer user, you may download the <a href="http://excanvas.sourceforge.net/">Explorer Canvas project</a>, or take this chance to upgrade to a modern browser.</p>
<p>Anyhow, the canvas element can only be populated by programing, through a simple JavaScript API, which makes it a little bit cumbersome compared to <a href="http://www.w3.org/Graphics/SVG/">SVG</a>, for which there are plenty of applications to author graphic with, and which does fit the line of markup languages defining the web. One project deserves to be mentioned here, <a href="http://fuchsia-design.com/CanvaSVG/">CanvaSVG</a>, a JavaScript code that renders an SVG document on the canvas element, thus connecting the two different approaches with a swoosh.</p>
<p>It will be interesting to see whether SVG support will curb the canvas element, or it will gain a momentum in the future.</p>

<span class="slashdigglicious">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.forwhatitworths.com%2Fposts%2F2007%2F08%2Fthe-canvas-element-and-me%2F&amp;title=The+Canvas+Element+and+me" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</span>]]></content:encoded>
			<wfw:commentRss>http://www.forwhatitworths.com/posts/2007/08/the-canvas-element-and-me/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
