Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Differentiate between SVG and Canvas

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 292
    Comment on it

    SVG stands for Scalable Vector Graphics it is an XML based image format which is basically used to define 2D vector graphics for the web. A vector image can be resized to any extent without destroying the image quality.

    • SVG images are represented in XML and complexities can be removed with the help of XML editing tools.
    • SVG is basically a "draw" program. Drawing is described as drawing instructions for each shape and any part of the shape can be changed.
    • Image can be modified through script and CSS
    • When there are samller number of objects in the screen then SVG is used
    • SVG markup and object model directly supports accessibility
    • SVG is not suitable for gaming application
    • The content of SVG is very flexible it can be static, dynamic, interactive and animated.
    • SVG have highly interactive animated user interfaces
    • Rendering capacities is high for large area

    Canvas element uses script to draw graphics it does not have its own drawing abilities.Canvas uses path,boxes,circles,adding images and text methods for drawing . Canvas HTML5 support latest version of firefox,chrome,safari and opera except IE8.

    • Canvas is contributed pixel by pixel.
    • Canvas can be modified only with the help of script.
    • Canvas gives better performance with smaller surface.
    • Canvas is not suitable for printing with high resolutions.
    • Using JavaScript we can draw graphics using canvas elements. .
    • Canvas is suitable for gaming application

 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: