PrePoint

January 24, 2009

HTML/CSS/JavaScript: What’s Possible #1

Filed under: Groundwork — mikecane @ 1:39 pm

I don’t code. I also lack the math gene (which is a personal frustration, as I love reading about mathematicians, their discoveries, and the power of algorithms). This makes me see things like computer programming as basically magic.

Being such a rube, I’m easily impressed by things that might — or probably — make experts yawn (or even sneer at my eejitcy).

Nevertheless, from time to time, I will do posts that I hope will be helpful to those reading this who are also unschooled in the magical art of programming. In this way, I hope we’ll all get a better appreciation of what kinds of programs we might be able to have on the Pre.

First up is CanvasPaint.

canvaspaint

What’s this?

A near pixel-perfect copy of Microsoft Paint in HTML, CSS and JavaScript, using the canvas tag as specified by WHATWG and supported by Safari 1.3, Firefox 1.5 and Opera 9.

This web app is not authorized by, supported by or in any way affiliated with Microsoft.

To test this, I picked an image and did what I usually do with images: highlight in red. Here’s the result:

index

Another thing I do is trim images. This didn’t work out so well, however. Mind you, the capabilities of this program are dependent on the browser being used. The increment of Firefox 2.x I use might not work with all features. The problem I had was after selecting and Cutting a portion of the image, New didn’t work properly. I couldn’t get a proper blank canvas. Doing a Paste of what I had in the Clipboard resulted in a blank area.

You can go ahead and laugh, but MS Paint is what I use to process screensnaps: trim, highlighting. Then I open the Saved JPG in Photo Toolkit for final trim and rescaling.

Seeing MS Paint recreated in the programming tools of the Pre — HTML/CSS/JavaScript — excites me and makes me look forward to having something like it on my own Pre.

Advertisements

Leave a Comment »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: