Navigate/Search

Archive for the 'HTML5' Category

HTML SVG

Friday, October 29th, 2010

I have been playing around with HTML5 and SVG in particular.   After a little bit of study I think canvas is the key component of SVG.

From Wikipedia

The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bit map and does not have a built in scene graph.

Ha ha this is funny… apparently SVG and Canvas are two different things.  The main difference is that the SVG is drawn into a bitmap and the canvas is forgotten as soon as it is drawn.

I think I want to focus SVG.

SVG HTML5

Thursday, October 28th, 2010

So I found this and it’s pretty cool.  I would like to see how to manipulate these guys with JavaScript:

<!DOCTYPE html>
<head>
<title>SVG</title>
<meta charset=”utf-8″ />
</head>
<body>
<h2>HTML5 SVG Line</h2>
<svg id=”svgelem” height=”200″ xmlns=”http://www.w3.org/2000/svg”>
<line x1=”0″ y1=”0″ x2=”200″ y2=”400″
style=”stroke:red;stroke-width:4″/>
</svg>
</body>
</html>

HTML5 SVG

Saturday, October 9th, 2010

So I had some extra time so I decided to play around with SVG.  My guess is that SVG will probably only be useful for two things…  First, scientist and researchers will probably use to display their data.  Second, simple game developers.  Since I am neither I guess this is just for fun :)

Anyways today I did this

<svg width=”100%” height=”100%” version=”1.1″
xmlns=”http://www.w3.org/2000/svg”>
<circle cx=”100″ cy=”50″ r=”40″ stroke=”black”
stroke-width=”2″ fill=”red”/>
</svg>

at http://www.peachyga.com/svg/svg001.html

It only works on Chrome for me.  But it makes a red circle with a black outline.  Pretty cool.

HTML5

Friday, October 8th, 2010

HTML5 has SVG and HTML4 doesn’t.

What is SVG? Scalable Vector Graphics

There’s pretty good stuff at http://www.w3schools.com/svg/svg_examples.asp

It looks like with SVG you can make some pretty good shapes and apply some cool filters. I will explore this further.

Differences between HTML5 and HTML4

Tuesday, October 5th, 2010

This stuff is came from http://www.w3.org/TR/html5-diff/

The first big change is:

HTML5 – <!doctype html>

HTML4 – <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

I think I like the HTML5 one better.

HTML5 the time has come

Monday, October 4th, 2010

I think HTML5 is months away from being main stream. It’s time to learn HTML5.