Results 1 to 3 of 3
  1. #1
    Registered User
    Join Date
    Jun 2017
    Posts
    153

    Red face Give some of the difference between SVG & <Canvas>?

    Give some of the difference between SVG & <Canvas>?

  2. #2
    Senior Member dennis123's Avatar
    Join Date
    Apr 2013
    Location
    Bangalore
    Posts
    3,627
    <Canvas> is an element that manipulates two-dimensional (2D) pixels while Scalable Vector Graphics works in 2D and three-dimensional (3D) vectors. Essentially, <Canvas> is to SVG as Photoshop is to Illustrator.

  3. #3
    Senior Member
    Join Date
    Sep 2017
    Posts
    227
    Canvas

    Pixel based (Dynamic .png)
    Single HTML element.(Inspect element in Developer tool. You can see only canvas tag)
    Modified through script only
    Event model/user interaction is granular (x,y)
    Performance is better with smaller surface, a larger number of objects (>10k), or both

    SVG

    Shape based
    Multiple graphical elements, which become part of the DOM
    Modified through script and CSS
    Event model/user interaction is abstracted (rect, path)
    Performance is better with smaller number of objects (<10k), a larger surface, or both

Posting Permissions

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

  Find Web Hosting      
  Shared Web Hosting UNIX & Linux Web Hosting Windows Web Hosting Adult Web Hosting
  ASP ASP.NET Web Hosting Reseller Web Hosting VPS Web Hosting Managed Web Hosting
  Cloud Web Hosting Dedicated Server E-commerce Web Hosting Cheap Web Hosting


Premium Partners:


Visit forums.thewebhostbiz.com: to discuss the web hosting business, buy and sell websites and domain names, and discuss current web hosting tools and software.