Category: SVG Viewer

New Flex and Flash SVGWeb Components

Posted by on January 23, 2010

A few changes since my last post.
All of the activity is now on SVG Web Project

I’ve updated the Flex and Flash components to work similar to the old SVGViewer components.
They also include bug work around for cacheAsBitmap.

1
2
3
4
5
6
7
8
9
10
var svgViewerFlash:SVGViewerFlash = new SVGViewerFlash();
 
svgViewerFlash.source = '<svg...</svg>';
svgViewerFlash.source = XML('<svg...</svg>');
svgViewerFlash.source = "assets/somefile.svg";
 
//Encodes images as an inline base 64 image node
svgViewerFlash.source = "http://example.com/image.jpg"; 
svgViewerFlash.source = Bitmap;
svgViewerFlash.source = BitmapData;

Currently they are only available on a branch:
http://code.google.com/p/svgweb/source/browse/branches/james-branch/src/

New ActionScript SVG Library – Status Update

Posted by on June 2, 2009

Hello All,

I apologize for taking so long to give you an update on the status of the SVG library. I’ve been busy working on a last minute project 2,500 miles away from home and hearth for the previous three months.

The new library provides a major code cleanup and a slew of new features. Rick Masters and Brad Neuberg have made some huge leaps since I dropped off the face of the earth. Their work can be found in the sgweb Google project.

In a few weeks I will have time to start contributing to the project again. My main focus will be on providing a clean Flex and Flash interface to the new library.

Future updates will be made to the sgweb Google project.

New ActionScript SVG Library Coming Soon

Posted by on February 9, 2009

A few people have been asking about the status of the SVG Viewer project so I thought I would write a brief update.

I am in the process of merging my project with two sister projects by Richard R. Masters and Brad Neuberg. The new library will supply three component types: Flex, Flash, and Web.

The Web component will be a Flash and JavaScript application that integrates directly into the browser’s DOM. It will allow browsers without SVG support, like IE, to render SVG files. Eventually, we would like the Web component to support an SVG feature set similar to Firefox.

There have been a huge number of bug fixes, optimizations, and features added to the new library. Once the merge is complete I will make the new code base available. It should be no later then the end of February.

    Some features on the horizon (possibly far horizon):

  • SMIL Animation Support
  • SVG Embedded Fonts
  • JavaScript Scripting
  • Filter Effects
  • Text Along A Path
  • Internal CSS Support
  • Cursor Support

3D Enviroment Generated From An SVG

Posted by on January 24, 2009

This movie requires Flash Player 9

The engine uses an SVG file to generate 3D objects on the fly.
I am using Papervision3D and APE for 3D and physics.

The environment builder looks for three layers/groups in the root of the SVG. Each of the children of the layers is used to render different types of objects.

  • The ‘ground’ layer is used to render the ground.
  • The ‘items’ layer is used to render two dimensional objects on a plane.
  • The ‘items3D’ layer is used to render three dimensional objects on two plane rotated 90 degrees from each other.

Items are rotated 90 degrees from the ground along their bottom edge.

This is the SVG used in the above example:
SVG Map

SvgViewer – New Home, Misc Updates

Posted by on December 22, 2008

There have been a number of requests to post the SvgViewer project on Google code.
So, here it is: http://code.google.com/p/svg-viewer/

My goal is to keep the repo at Google as stable as possible. Day to day changes will still be made in the old repository.

I have started to merge some of the changes Richard R. Masters has made in his sgweb project back into the source tree. Richard is creating a Flash SVG browser component with JavaScript support. He has made a slew of commits over the last two months. It will take me a while to work through all of his changes. I’m looking forward to seeing how his project evolves!

Hope everyone is having a good Christmas!

Flex SVG Viewer – Major Update to Text Render, HTML Links Now Supported

Posted by on December 9, 2008

Support for text-weight and text-anchor tags in text/tspan nodes are now supported.

1
2
3
<text text-anchor="middle" font-weight="bold" ...> 
	My Text
</text>

Basic support for HTML links has been added.
HTML links monitor their parent node for mouse clicks.

1
2
3
4
5
6
7
<text...>
	<tspan...>Some Text</tspan>
	<a xlink:href="http://zavoo.com" target="_blank"...
</text>
<path...>
	<a xlink:href="http://labs.zavoo.com" target="_self"...
</path>

[Subversion Repo]
svn co https://iciifs.com/svn/SvgViewer SvgViewer

http://code.google.com/p/svg-viewer/

Flex SVG Viewer – Font DPI Scaling, Temporary Text Bitmap Fix

Posted by on November 30, 2008

I’ve added a scaling factor to take into account the screen DPI when setting the font size.

1
fontSize *= Capabilities.screenDPI / 72;

Text displayed as bitmaps were not rendering at the proper size.
For the moment text bitmap scaling has been reset to 1:1.

[Subversion Repo]
svn co https://iciifs.com/svn/SvgViewer SvgViewer

http://code.google.com/p/svg-viewer/

Flex SVG Viewer – Style Fix, Partial Radial Gradient Support

Posted by on November 28, 2008

White space was not being trimmed properly from the style tag attributes.
This caused a attribute naming miss match when trying to load colors and other properties.

Partial support for radial gradients has been added.
Handling for the cx, cy, and r attributes still needs to be coded.

[Subversion Repo]
svn co https://iciifs.com/svn/SvgViewer SvgViewer

http://code.google.com/p/svg-viewer/