SVG, Canvas, & WebGL
A Comprehensive Guide to Web Graphics
Language - English
Updated on Nov, 2022
About the Book
Book description
SVG and Canvas (2D or WebGL) represent the different ways to create graphics on a web application programmatically.
Unlike Canvas, SVG is based solely on XML, a markup language like HTML. You do not need to use JavaScript to create an SVG image.
On the other hand, Canvas, 2D or WebGL, is based on JavaScript. Games and maps have been developed with Canvas.
While a canvas lacks many SVG features like object-level event-driven interactivity, a canvas provides per-pixel control of the graphic.
SVG is faster when rendering large objects, but slower when rendering many objects. A canvas allows you to display the webcam capture, letting you take and save a photo with it.
Covering every language construct, keyword, and function, this book attempts to provide a complete guide to web graphics based on these technologies.
Have fun!
source codes: https://drive.google.com/file/d/17IBN0IqqwSFSiBmqDx4g5tjuei78lPWj/view?usp=sharing
![SVG, Canvas, & WebGL SVG, Canvas, & WebGL](https://d3mxt5v3yxgcsr.cloudfront.net/courses/12311/course_12311_image.jpg)
eBook Preview
Author Details
![Chong Lip Phang](https://www.tutorialspoint.com/assets/profiles/486396/profile/200_1584214-1657604760.jpg)
Chong Lip Phang
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related eBooks
Annual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)