The Web

& Other Stuff

Subscribe to RSS feed

Posts tagged with "SVG"

Fun with fonts

,

http://raphaeljs.com/fonts.html

Page will do nothing in IE (what else would you expect rolleyes )



http://raphaeljs.com/

SVG 1.1 became a W3C recommendation on January 13, 2003

SVG 1.1 became a W3C recommendation on January 13, 2003. Six years later, this page records results of running various SVG implementations (web browsers and browser plugins) through the official SVG Test Suite.
Last updated 2009-03-29.




more detailed table @ http://www.codedread.com/svg-support-table.html


The following picture indicates the results of running all 280 tests in many SVG implementations in the wild. Each test takes up a two-pixel strip in each column. I use a top secret scoring system ... ok, well actually I just use GREEN for "Pass" (2 points), YELLOW for "Almost Pass" (1 point), and RED for "Fail" (0 points). The "Almost Pass" scoring is subjective, so think of it as me giving out points for trying.

Now I know that I'm going to get complaints that the SVG test suite doesn't cover all functionality (I agree with you), nor does the score give a fair indication of other factors like performance (again, I agree with you), so please take this page as what it is: A data point from a guy who had too much time on his hands but is interested in seeing how the overall quality of SVG implementations improves in the future.

http://www.codedread.com/svg-support.php



I wonder why IE 7 and IE 8 have no native support for svg, 6 years later sherlock

Polar Clock

http://raphaeljs.com/polar-clock.html


more fun things here:

http://raphaeljs.com/


What is it?

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël uses the SVG W3C Recommendation and VML (mostly equivalent Internet Explorer implementation) as a base for creatinggraphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vectorart (similar to Flash) compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

Raphaël: a JavaScript API for SVG

,

Introduction

The first time I saw SVG in 2000–2001, I was blown away by the power it has, and the simplicity of the language, but I was also dismayed that I couldn't really make use of it, because browsers didn't support it. These days all major browsers (with one Important Exception) support SVG to a reasonable extent. This means we can now start to play with it and make use of it on some sites, but Flash is still more popular for vector graphics amongst front end developers. Why? Because few people know how to work with SVG; far more people coding dynamic applications are much more familiar with JavaScript (or ActionScript).

To solve both the compatibility issues, and the knowledge gap, I decided to create Raphaël. This is a JavaScript library that provides an API for manipulating SVG, and SVG support for Internet Explorer. It achieves the latter by emulating SVG in Internet Explorer using VML. You don’t need to know SVG to work with this library, but SVG knowledge is certainly a bonus, so I'd suggest you get up to speed with the basics if you find the time.

http://dev.opera.com/articles/view/raphael-a-javascript-api-for-svg/




with one Important Exception



I wonder who that one Important Exception is

Creator of Web spots a flaw in Internet Explorer, Tim Berners-Lee says IE is behind in supporting scalable vector graphics

,

[/IMG]
Mike Groll / AP file

Tim Berners-Lee, the British-born inventor of the World Wide Web, said this week that Internet Explorer is falling behind other browsers in the way it handles scalable vector graphics.

By Peter Svensson

updated 3:55 p.m. MT, Wed., Sept. 10, 2008

NEW YORK - Tim Berners-Lee, the British-born inventor of the World Wide Web, says he doesn't like to express preferences among Web browsers. But he does have an issue with one of them: Microsoft Corp.'s Internet Explorer.

(Msnbc.com is a joint Microsoft - NBC Universal venture.)

Berners-Lee, director of the standard-setting World Wide Web Consortium, or W3C, said in an interview this week that Internet Explorer is falling behind other browsers in the way it handles an important graphics feature for Web pages.

A Web image that is encoded as a scalable vector graphic, or SVG, can be resized to fit the computer screen or zoomed into without becoming blocky and losing sharpness, as happens with images encoded as the more traditional "bitmaps." Maps are one popular use of SVG.

"If you look around at browsers, you'll find that most of them support scalable vector graphics," Berners-Lee said. "I'll let you figure out which one has been slow in supporting SVG."

That would be Internet Explorer. While Firefox, Safari and other browsers have built-in support for SVG, Microsoft relies on a plug-in from Adobe Systems Inc. that must be downloaded before Internet Explorer can show SVG objects. This applies even to the recently released "beta" version of Internet Explorer 8.

"SVG support is something that we have been evaluating for some time," Microsoft said in a statement. "We recognize the demand for vector graphics from Web developers, and realize this is a high-priority demand."

The matter is more urgent for Microsoft because on Jan. 1, Adobe will be ending its support of the SVG plug-in, and it's unclear if it will be available for download after that.

Microsoft supported another format for vector graphics, called Vector Markup Language, or VML. However, the World Wide Web Consortium recommended SVG in 2001.

http://www.msnbc.msn.com/id/26646919/
May 2013
S M T W T F S
April 2013June 2013
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31