SlideShare una empresa de Scribd logo
1 de 9
 SVG Image Editor

   BY : Isra’a Al-Jarrah


      CIS -4 year
 What SVG ?!
  How is
   SVC?!
   work
    Growth !! &
    Scripting
     animation
      Demo
Scalable Vector Graphics (SVG)
  is a family of specifications of an XML-
    based file format for describing two-
dimensional vector graphics, both static and
                  dynamic.
SVG has two part :
1. Extensible Markup Language XML
          based file format
   Use for two dimensional Image
 2. application programming interfaces
                    API
    Use for three dimensional Image
Has been created to ease the processes in
     all stages of computer graphics
                generation
 SVG has been in development since 1999 by
     a group of companies within the W3C
   after the competing standards Precision
     Graphics Markup Language (PGML)
 developed from Adobe's PostScript & Vector
   Markup Language (VML) developed from
                Microsoft's RTF
       were submitted to W3C in 1998.
 SVG drew on experience from the designs of
               both those formats
SVG drawings can be dynamic and interactive.
Time-based modifications to the elements can be
 described in SMIL, or can be programmed in a
 scripting language (e.g , JavaScript). The W3C
explicitly recommends SMIL as the standard for
                animation in SVG
DEMO
 SVG Editor Code

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

     1 . SVG Editor/oxygenaxml

2 . Scalable Vector Graphics/wikipedia
 svg Scalable Vector Graphics  (SVG)

Más contenido relacionado

Similar a svg Scalable Vector Graphics (SVG)

Canvas Based Presentation tool - First Review
Canvas Based Presentation tool - First ReviewCanvas Based Presentation tool - First Review
Canvas Based Presentation tool - First Review
Arvind Krishnaa
 
Easy charting with
Easy charting withEasy charting with
Easy charting with
Major Ye
 
Java 2D API: Enhanced Graphics and Imaging for the Java Platform
Java 2D API: Enhanced Graphics and Imaging for the Java PlatformJava 2D API: Enhanced Graphics and Imaging for the Java Platform
Java 2D API: Enhanced Graphics and Imaging for the Java Platform
white paper
 
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
Förderverein Technische Fakultät
 

Similar a svg Scalable Vector Graphics (SVG) (20)

Svghtml5 Meetup
Svghtml5 MeetupSvghtml5 Meetup
Svghtml5 Meetup
 
Learn svg
Learn svgLearn svg
Learn svg
 
Html 5 svg
Html 5 svgHtml 5 svg
Html 5 svg
 
Scalable vector graphics(svg)
Scalable vector graphics(svg)Scalable vector graphics(svg)
Scalable vector graphics(svg)
 
Canvas Based Presentation tool - First Review
Canvas Based Presentation tool - First ReviewCanvas Based Presentation tool - First Review
Canvas Based Presentation tool - First Review
 
SVG Strikes Back
SVG Strikes BackSVG Strikes Back
SVG Strikes Back
 
Easy charting with
Easy charting withEasy charting with
Easy charting with
 
Java 2D API: Enhanced Graphics and Imaging for the Java Platform
Java 2D API: Enhanced Graphics and Imaging for the Java PlatformJava 2D API: Enhanced Graphics and Imaging for the Java Platform
Java 2D API: Enhanced Graphics and Imaging for the Java Platform
 
Rich Media Advertising with SVG and JavaScript
Rich Media Advertising with SVG and JavaScriptRich Media Advertising with SVG and JavaScript
Rich Media Advertising with SVG and JavaScript
 
Raphael.js
Raphael.jsRaphael.js
Raphael.js
 
CapEdge july 2015
CapEdge july 2015CapEdge july 2015
CapEdge july 2015
 
Canvas Based Presentation - Zeroth Review
Canvas Based Presentation - Zeroth ReviewCanvas Based Presentation - Zeroth Review
Canvas Based Presentation - Zeroth Review
 
Styling and Data Binding in Lightning Web Component
Styling and Data Binding in Lightning Web ComponentStyling and Data Binding in Lightning Web Component
Styling and Data Binding in Lightning Web Component
 
Open source-graphics
Open source-graphicsOpen source-graphics
Open source-graphics
 
Building RIA Apps with Silverlight
Building RIA Apps with SilverlightBuilding RIA Apps with Silverlight
Building RIA Apps with Silverlight
 
Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs Developing the Next Generation Embedded HMIs
Developing the Next Generation Embedded HMIs
 
Image converter ppt.pdf
Image converter ppt.pdfImage converter ppt.pdf
Image converter ppt.pdf
 
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
Latest Developments of Scalable Vector Graphics (SVG) 2, With a Focus on Stre...
 
CGM and SVG Workshop 2019
CGM and SVG Workshop 2019CGM and SVG Workshop 2019
CGM and SVG Workshop 2019
 
pastel
pastelpastel
pastel
 

Más de home (6)

Mobile security
Mobile securityMobile security
Mobile security
 
oracle Sql constraint
oracle  Sql constraint oracle  Sql constraint
oracle Sql constraint
 
Html5
Html5Html5
Html5
 
SVG
SVG SVG
SVG
 
Working principle of the microwave1
Working principle of the microwave1Working principle of the microwave1
Working principle of the microwave1
 
How to work cable network
How to work cable networkHow to work cable network
How to work cable network
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 

svg Scalable Vector Graphics (SVG)

  • 1.  SVG Image Editor  BY : Isra’a Al-Jarrah CIS -4 year
  • 2.  What SVG ?!  How is  SVC?! work Growth !! & Scripting animation Demo
  • 3. Scalable Vector Graphics (SVG) is a family of specifications of an XML- based file format for describing two- dimensional vector graphics, both static and dynamic.
  • 4. SVG has two part : 1. Extensible Markup Language XML based file format Use for two dimensional Image 2. application programming interfaces API Use for three dimensional Image Has been created to ease the processes in all stages of computer graphics generation
  • 5.  SVG has been in development since 1999 by a group of companies within the W3C  after the competing standards Precision Graphics Markup Language (PGML)  developed from Adobe's PostScript & Vector Markup Language (VML) developed from Microsoft's RTF were submitted to W3C in 1998.  SVG drew on experience from the designs of both those formats
  • 6. SVG drawings can be dynamic and interactive. Time-based modifications to the elements can be described in SMIL, or can be programmed in a scripting language (e.g , JavaScript). The W3C explicitly recommends SMIL as the standard for animation in SVG
  • 8.  SVG Editor Code http://code.google.com/p/svg-edit/ 1 . SVG Editor/oxygenaxml 2 . Scalable Vector Graphics/wikipedia

Notas del editor

  1. نشأه ال SVG ومين دعمها وطورها