Coding In Paradise

Just in time for Thanksgiving is another SVG Web release. Our tradition is to name SVG Web releases after monsters from D&D just to increase the geek factor, so in that spirit our release name this time is "Gelatinous Cube":

The Gelatinous Cube is a truly horrifying creature:

A gelatinous cube looks like a transparent ooze of mindless, gelatinous matter in the shape of a cube. It slides through dungeon corridors, absorbing everything in its path, digesting everything organic and secreting non-digestible matter in its wake. Contact with its exterior can result in a paralyzing electric shock, after which the cube will proceed to slowly digest its stunned and helpless prey.

Fun times.

Highlights of this release, thanks to many many people helping with patches, bug testing, and more:

• Loads of important bugs fixed
• Performance improvements
• You can now dynamically create new SVG root tags
• All the namespace aware functions now implemented: setAttributeNS, getAttributeNS, etc.
• You can now clone SVG nodes (cloneNode)
• You can now right-click on the SVG when using Flash to view the dynamic updated SVG source
• Running getElementsByTagNameNS scoped to a particular node now works, such as myGroup.getElementsByTagNameNS(svgns, 'text')
• and much much more

The full list of issues fixed:

• Issue 358: Opera throws exception on patch to currentTranslate
• Issue 413: Implement node.getElementsByTagNameNS scoped by container node
• Issue 401: currentTranslate.setXY does translate the svg, but doesn't affect currentTranslate.getX or getY
• Issue 201: Support cloneNode
• Issue 385: Implement getAttributeNS
• Issue 384: Make sure ownerDocument defaults to 'document'
• Issue 386: Implement hasAttributeNS and hasAttribute
• Issue 387: Implement removeAttributeNS and removeAttribute
• Issue 202: Programmatically Creating the SVG node
• Issue 383: QA on Firefox 3.6 Beta
• Issue 335: Specific SVG file crashes browser when used with SVG Web
• Issue 364: onload event does not fire when image url is a security error
• Issue 362: dynamically applied color should cascade
• Issue 349: gradients with bounding box cooordinates are positioned wrongly on circles
• Issue 371: Linear gradients incorrectly start at left of screen rather than each circle
• Issue 367: Flash blend mode used for groups is a performance problem and can be avoided generally
• Issue 331: Animations based on events not implemented; problems with transform animations
• Issue 275: Add View Dynamic Source to context menu
• Issue 297: Aspect resolution of viewBox not honored on resize of browser
• Issue 238: SVGImageNode.as should absorb exceptions due to invalid image URL
• Issue 337: https generates insecure warning with IE6 (FIXED for IE7 and IE8)
• Issue 388: Cannot Add USE elements dynamically
• Issue 361: Text label is stealing mouse click

Our featured SVG Web project this release is the work Michael Neutze has been doing which he shipped last week:

Today the Federal Statistical Office of Germany (think census bureau
or national statistics) published their latest population projection
for Germany until the year 2060 and updated their animated population
pyramid. It had been ASV3 only when it was first introduced in 2003,
then in 2006 it was ASV3 plus native browsers (Firefox 1.5+, Safari
3+, Opera 9+) and now it uses SVG Web.

Apart from supporting Internet Explorer SVG Web was a great choice for
mixing SVG and HTML. Population projections only make sense when you
know the assumptions and those can now be displayed side by side with
the population pyramid using standard HTML and CSS. New in this
release is also the ability to switch between four different
scenarios.

SVG Web's small size (only three files), minimal requirements on the
server-side and the ability to use standard markup were the main
selling points.

Check it out for yourself, it is available in English, French, German
and Russian at
http://www.destatis.de/bevoelkerungspyramide/

Watch a short screencast in english to see all it can do
http://vimeo.com/7687560

Learn more about SVG Web:

• Latest Download
• SVG Web Home Page
• 1 Minute Introduction to SVG Web
• Quick Start Guide

About SVG Web and SVG:

SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target close to 100% of the existing installed web base. SVG itself stands for Scalable Vector Graphics, an open standard that is part of the HTML 5 family of technologies for interactive, search-engine friendly web vector graphics.

Labels: announcement, open source, release, svg, svgweb

Yowsers! It's another release of SVG Web, this time code named Beholder:

According to the classic D&D Monster Manual, the Beholder is an "aggressive and avaricious spherical monster that is most frequently found underground." In other words, you don't want to bump into this guy in a back alley.

This release, roughly about 1 month of work, has contributions from many users and developers. We've knocked out a bunch of bugs and features. The full release list:

• Issue 327 : Patching currentTranslate in causes error in Wikipedia Pan and Zoom tool
• Issue 326 : Update config.html tool to test for SVG MIME type
• Issue 316 : Background SVG is not being re-drawn on secondary pages for some browsers
• Issue 307 : Window resize handler can sometimes throw exceptions on IE if Flash not ready
• Issue 308 : Implement currentTranslate and currentScale and have it be a fast path
• Issue 312 : For Shelley Powers: Odd error when using within XHTML document: works with Firefox, does not work with any other browser
• Issue 176: Document Makefile dependencies
• Issue 233 : (regression) inconsistent size, spacing, flow of rendering
• Issue 304 : tspan-tag ignore s coordinates of upper text-tag
• Issue 305 : Changing shapes and paths from 'hidden' to 'visible' does not work.
• Issue 306 : Regression in test_js1.html: Text that should be hidden is not
• Issue 311 : Summation of transform causes shaking and invalid transformations.
• Issue 254 : Lamb Animation Sample Doesn't Look Correct
• Issue 315 : Reduce the number of Sprites created per Node to increase performance
• Issue 321: Support for animating path "d" attribute (except interpolation)
• Issue 325 : Support data: URL scheme for object tag
• Issue 329 : in flash renderer, images get cropped if they are moved programmatically
• Issue 330 : in flash renderer, fill with image pattern does not work (programmatically)
• Issue 293 : Position of image differs in native vs flash
• Issue 207 : Doing transform on image dynamically throws exception
• Issue 343 : Support on* events in SVG "use" element.
• Issue 344 : Cache image requests for same file

Download the new release, read the Quick Start guide, and visit the SVG Web home page.

Labels: svg, svgweb

Hear ye! Hear ye! The SVG Web team has pushed out another release, code named Umber Hulk:


Umber Hulk: "A human-shaped creature with gaping maws flanked by pairs of exceedingly sharp mandibles. Despite their bestial appearance, umber hulks possess a significant intelligence and language of their own."

Notable highlights of this release:

• Having Chinese characters in SVG filenames now works
• getCTM, currentScale, and currentTranslate are now supported, making dragging easier
• Inline on* style events (onclick, etc.) handlers directly in markup is now supported for SVG OBJECTs
• Several fixes for IE 8
• Several fixes when the DOCTYPE is specified
• Lots of fixes around resizing an SVG image based on resizing the browser and it's container
  
• Fixes to help Shelley Power's Burning Bird site
• Fixes to help the Wikipedia SVG Zoom and Pan too
• Fixes to help Michael Neutzes' German Atlas work
• Fixes to help other developers in the community
  

and much much more. Special thanks to the many people who helped with this one:

• Rick Masters
• Jeff Schiller
• Michael Neutze
• Shelley Powers
• Ciaranj
• Felix Buenemann
• Le Roux Bernard
• Glen Bremner Stokes
• Bradbury.e
• Richbk
• Fangqq
  

Full list of bugs knocked out in this release:

• Issue 299 : Tip of subversion (r855) throws error for demo.html on IE 7
• Issue 292 : For Wikipedia: Fix SVG OBJECT creation bugs discovered
• Issue 285 : For Wikipedia: Be able to host bulk of SVG Web on a different domain
• Issue 271 : When using uncompressed-svg.js the data-path attribute on the script element is ignored
• Issue 140 : SVG OBJECT.contentDocument does not work when DOCTYPE specified inside of HTML file itself
• Issue 272 : Fetching contentDocument on SVG OBJECT does not work in IE 8/Standards Mode [INVALID]
• Issue 249 : flash renderer svgobj.contentDocument breaks if svg contains DOCTYPE declaration
• Issue 148 : QA in IE 8 with standards mode on
• Issue 186 : test_js2.html has issues on some IE 8 instances with compatibility mode on
• Issue 135 : Help functionality on blocks_game.html issue
• Issue 236 : wrong URL encoding for UTF-8 Chinese characters
• Issue 250 : svgweb init fails in internet explorer 8 when using object embedding
• Issue 260 : The full-color-prof-01-f.html in the test suite 1.1 is broken
• Issue 262 : Remove onWindowResize handlers when page unloaded and when object removed from page
• Issue 263 : Click on root svg element does not work in IE8
• Issue 276 : Fix resize issues with Shelley's Burning Bird site
• Issue 277 : Disappearing text
• Issue 279 : Define evt variable in onload="" handler script code
• Issue 283 : getScreenCTM needs to include object position and ignore browser zoom
• Issue 286 : 100% w/h SVG Root in 100% w/h Object in a DIV given in px – Flash size wrong
• Issue 290 : Referencing an "svg" object with "use" causes flash error
• Issue 294 : Support getCTM, currentScale, currentTranslate for drag and drop
• Issue 53: Support on* style event handlers directly in markup [for OBJECT tag only]

Please keep in mind SVG Web is still in alpha.

Learn more:

• Full release note details
• Latest Download
• SVG Web Home Page
• 1 Minute Introduction to SVG Web
• Quick Start Guide

About SVG Web and SVG:

SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target close to 100% of the existing installed web base. SVG itself stands for Scalable Vector Graphics, an open standard that is part of the HTML 5 family of technologies for interactive, search-engine friendly web vector graphics.

Labels: svg, svgweb

Hi everyone, the SVG Web team has another release packed with lots of goodness.

Starting now we are giving releases not only a date stamp but also simple names, taken from the classic Fiend Folio D&D monster manual. Why? Because the world needs more cheesy release names.

Notable highlights of the svgweb-2009-09-09 release, also known as the Owlbear release ("Terrifying: the body of a bear... the head of an owl"):

* View source - You can now right click on an Flash SVG image and view the SVG source
* Huge improvements to the resizing code - the size of SVG objects on the page now change based on the zoom factor, resizing the window, etc.
* Performance improvements
* The demo.html file is much more robust now
* getScreenCTM, matrix inversions, createSVGPoint, and SVGPoint.matrixTransform are now implemented
* The internal JavaScript architecture has been cleaned up and simplified for Internet Explorer

Please keep in mind SVG Web is still in alpha.

Learn more:
* Full release note details
* svgweb-2009-09-09-Owlbear.zip Download
* SVG Web Home Page
* 1 Minute Introduction to SVG Web
* Quick Start Guide

About SVG Web and SVG:

SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target close to 100% of the existing installed web base. SVG itself stands for Scalable Vector Graphics, an open standard that is part of the HTML 5 family of technologies for interactive, search-engine friendly web vector graphics.

Labels: svg, svgweb

One of the great aspects of working with the SVG community has been meeting some of the cool folks inside of it. I got a chance to meet one of these people, Doug Schepers, recently. Doug is great and alot of fun. He got involved with SVG a few years ago and then spent thousands of dollars out of his own pocket in order to join the W3C as an individual and influence its direction in a positive way. Now he is fully helping to define and steward SVG as a W3C Member, such as with the recent CSS + SVG work going on to use CSS in order to apply SVG effects that Safari submitted.

Doug is like the posse for SVG, making sure it goes in good directions. This inspired me to mockup that SVG has a posse, with Doug's image:



I wrote it in SVG of course, using Inkscape. Click through it to see the SVG file. This is of course based on the famous Andre the Giant Has a Posse posters by Shepard Fairey.

Labels: svg