<?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>website55 &#187; Design</title>
	<atom:link href="http://www.website55.com/category/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.website55.com</link>
	<description>easy guide to build, optimize and secure your web site</description>
	<lastBuildDate>Wed, 02 Nov 2011 09:26:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Paint using Javascript and Canvas</title>
		<link>http://www.website55.com/web-design/2010/01/paint-using-javascript-and-canvas.html</link>
		<comments>http://www.website55.com/web-design/2010/01/paint-using-javascript-and-canvas.html#comments</comments>
		<pubDate>Mon, 04 Jan 2010 10:53:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[paint]]></category>

		<guid isPermaLink="false">http://website55.com/?p=155</guid>
		<description><![CDATA[Steve Hanov has developed a Canvas-based drawing tool with a [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://stevehanov.ca/blog/index.php">Steve Hanov</a> has developed a <a target="_blank" href="http://stevehanov.ca/blog/index.php?id=93">Canvas-based drawing tool</a> with a hand-drawn look. </p>
<p>Lines can be drawn with a &#8220;sloppiness&#8221; option, with possible values &#8220;Draftsman&#8221;, &#8220;Artist&#8221;, &#8220;Cartoonist&#8221;, &#8220;Child&#8221;, &#8220;Drunk&#8221;.</p>
<p>The font used is FG Virgil, applied to text elements, adds to the cartoon vibe.</p>
<p>Features:</p>
<ul>
<li>Box, circle, lines, and curve primitive shapes
</li>
<li>Shadows when supported by browser
</li>
<li>Text in several hand-drawn fonts rendered on the server
</li>
<li>Rotate &amp; scale shapes individually or in groups
</li>
<li>Save drawing to a browser bookmark
</li>
<li>Select colours using an HSV colour wheel.
</li>
<li>Unlimited levels of Undo/Redo
</li>
</ul>
<p><center></p>
<p><div style="overflow:hidden;width:257px; " class="alignnone">
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat left top; width: 30px; height: 2px; float: left;" class="shadow_img"></div>
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat right top; width: 30px; height: 2px; float: right;" class="shadow_img"></div>
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small_top.png) repeat-x center top; margin: 0 30px; height: 2px;" class="shadow_img"></div>
<table style="margin:0;padding:0;width:100%;empty-cells:show;border-collapse:collapse;"><tr>
<td style="margin:0;padding:0;border-width:0;background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat left -2px; width: 6px; height: 25px;" class="shadow_img"></td>
<td rowspan=2 style="margin:0;padding:0;border-width:0; background-color: transparent; line-height:1px;">
<img class="shadow_osx_small" height="245" width="245" src="http://stevehanov.ca/blog/images/stick-figures.png" style="padding:0 !important; margin:0 !important; vertical-align:text-bottom !important; min-height: 25px !important;">
</td>
<td style="margin:0;padding:0;border-width:0;background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat right -2px; width: 6px; height: 25px;" class="shadow_img"></td>
</tr>
<tr>
<td style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small_left.png) repeat-y left center; width: 6px;margin:0;padding:0;border-width:0;" class="shadow_img"></td>
<td style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small_right.png) repeat-y right center; width: 6px;margin:0;padding:0;border-width:0;" class="shadow_img"></td>
</tr>
</table>
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat left bottom; width: 30px; height: 10px; float: left;" class="shadow_img"></div>
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small.png) no-repeat right bottom; width: 30px; height: 10px; float: right;" class="shadow_img"></div>
<div style="background: transparent url(http://www.website55.com/wp-content/plugins/shadows/shadow_osx_small_bottom.png) repeat-x center bottom; margin: 0 30px; height: 10px;" class="shadow_img"></div>
</div>
</p>
<p></center></p>
<p align="center">
<a href="http://www.hanovsolutions.com/webdraw/" target="_blank"><br />
<img border="0" src="http://stevehanov.ca/blog/images/try_it_now.png"/><br />
</a></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.website55.com/web-design/2010/01/paint-using-javascript-and-canvas.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

