Magento Expert Forum - Improve your Magento experience

Results 1 to 7 of 7

What is the difference between SVG and HTML5 Canvas?

  1. #1

  2. The Following User Says Thank You to trzy For This Useful Post:

    hedkey (05-03-2018)

  3. #2
    Member
    Join Date
    Jun 2017
    Location
    jalandhar
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    html 5 canvas you can say best option

  4. #3
    Junior Member
    Join Date
    Feb 2018
    Posts
    113
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Differences Between SVG and Canvas. SVG is a language for describing 2D graphics in XML. Canvas draws 2D graphics, on the fly (with a JavaScript). SVG is XML based, which means that every element is available within the SVG DOM.

    Newspaper Ad Agency in Delhi
    Last edited by trzy; 16-04-2022 at 06:38 AM.

  5. #4
    Junior Member
    Join Date
    Feb 2018
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    SVG stand for Scalable Vector Graphics.....svg is an XML-based vector image format for two dimensional graphics...SVG images and their behaviors are defined in XML text files....SVG is an open standard developed by world wide contribution.....since 1999 coming to the HTML 5 canvas
    <canvas> is an one of the element in html .....this element is used for to draw graphics on the fly .....via java script ..... Canvas has several methods for drawing boxes, paths, text, and circles,adding images.

    ISO Certification in Philippines

    OHSAS 18001 Consultant in Philippines

  6. #5
    Junior Member
    Join Date
    Feb 2018
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Which one is better?

  7. #6
    Junior Member
    Join Date
    Jun 2016
    Posts
    44
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    You could say SVG is an equivalent of HTML, but for graphics. It is a markup language that developers use to describe 2D vector graphics. SVG is based on XML and works with other web standards (such as CSS and DOM) just fine.

    Images in SVG are created and saved as XML text files using any text editor you prefer. That makes it possible to search and index them as well. However, you have to remember to save the files with a .svg extension.


    Newspaper Ad Agency in Delhi
    Last edited by ORLOVA; 28-09-2023 at 08:10 AM.

  8. #7
    Junior Member kajal's Avatar
    Join Date
    Sep 2014
    Location
    Bangalore
    Posts
    1,446
    Thanks
    0
    Thanked 20 Times in 20 Posts

    Default

    Hi Friends,
    SVG gives better performance with smaller number of objects or larger surface. Canvas gives better performance with smaller surface or larger number of objects. SVG is vector based and composed of shapes. Canvas is raster based and composed of pixel.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •