Svg the past present and future of vector graphics for the web
This presentation is the property of its rightful owner.
Sponsored Links
1 / 16

SVG: The Past, Present and Future of Vector Graphics for the Web PowerPoint PPT Presentation


  • 172 Views
  • Uploaded on
  • Presentation posted in: General

SVG: The Past, Present and Future of Vector Graphics for the Web. Patrick Dengler Senior Program Manager, Internet Explorer Team Member, W3C SVG Working Group [email protected] Doug Schepers W3C Team Contact and Editor for SVG and WebApps Working Groups. Agenda.

Download Presentation

SVG: The Past, Present and Future of Vector Graphics for the Web

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Svg the past present and future of vector graphics for the web

SVG: The Past, Present and Future of Vector Graphics for the Web

Patrick Dengler

Senior Program Manager, Internet Explorer Team

Member, W3C SVG Working Group

[email protected]

Doug Schepers

W3C Team Contact and Editor for SVG and WebApps Working Groups


Agenda

Agenda

  • A Brief History of SVG

  • Presentation by Doug Shepers

  • Key SVG Scenarios and Demonstrations

  • An Overview of Support for SVG in IE9 and Internet Explorer Platform Preview

  • Core Concepts / Elements

  • Call to Action!


History

History

  • SVG Full 1.1 2ndEdition for Desktop Browsers

  • SVG Basic Targeted Originally for PDA’s

  • SVG Tiny Targeted Originally for Phones

We are Here

1998 Microsoft Submits VML to W3C

2003 SVG 1.1 Recommended

2010 IE Rejoins the SVG WG

2001 SVG 1.0 Recommended

Internet Explorer Platform Preview Released with SVG

Adobe SVG Plug-In for IE

Browser Vendors Begin to Implement SVG in Stages


Html svg css convergence

HTML/SVG/CSS Convergence

Animations

Transitions

Transforms

Video/ Audio

Web Fonts

SVG Fonts

Filter Effects


A tour of svg

A Tour of SVG

Doug Schepers

W3C Team Contact and Editor for SVG and WebApps Working Groups

Web Based Slides Available at http://www.w3.org/2010/Talks/03-schepers-mix


Key svg scenarios

Key SVG Scenarios

  • SVG Scenarios

    • Engineering Documents

      • Used in a lot of our enterprise customer shops

      • Recommended -> required by Governmental Institutions

    • Graphs / Charts / Maps

      • Removes load from server to produce high fidelity graphics

      • Supports end user interactivity and Ajax style data updates

        • Currently used on Google and Bing

    • Media and Graphics

      • CSS or background images

      • Posters (great for printing)

      • JavaScript-animated Graphics

    • Gaming


Svg in internet explorer platform preview

SVG in Internet Explorer Platform Preview


Getting started embedding

Getting Started: Embedding

Methods by which SVG can be embedded in a browser

IE9 Developer Preview Support

  • The SVG in HTML5 embedding method without using foreign object (i.e. just create an <svg> tag in your HTML file)

  • SVG as a full document type (with .SVG extension)

  • SVG in XHTML (similar to that of HTML, only with XHTML files)

  • SVG using <object>

    Support in IE9

    • <iFrame>, <embed>

    • As <img> or css-image

    • .SVGZ

<objectdata="rect2.svg" width="100%“ height="400px" type="image/svg+xml" >


Getting started structure

Getting Started: Structure


Getting started presentation

Getting Started: Presentation


Getting started interactivity styling

Getting Started: Interactivity/Styling


Getting started transforms

Getting Started: Transforms


What s coming in internet explorer platform preview

What’s coming in Internet Explorer Platform Preview

  • What’s Coming Next

    • Gradients

    • Clipping / Masking / Compositing

    • Linking and Views

    • Remainder of Text, Transformations, Color, Interactivity/Events


Call to action

Call to Action!

  • Let’s Get Going!

  • Download the Internet Explorer 9 Platform preview

    vwww.IETestDrive.com

    • Visit W3Schools (for initial learning)

    • Build your own SVG and share with the community

      • Join my Facebook group (SVG in Internet Explorer)

    • Make modifications to Open Source Frameworks to Allow for SVG (instead of VML)

    • Help us make sure we are interoperable by reporting any divergences


Svg the past present and future of vector graphics for the web

Download the Internet Explorer 9 Platform preview

www.IETestDrive.com

Meet the team in the Internet Explorer Lounge located in The Commons!

Keep up on the latest

http://blogs.msdn.com/ie


Svg the past present and future of vector graphics for the web

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.


  • Login