What Is The Tag In HTML?

Trang chủ » Html Canvas » What Is The Tag In HTML?

Có thể bạn quan tâm

ExploreEXPLORE THE CATALOGSupercharge your career with 700+ hands-on coursesView All CoursesPythonJavaJavaScriptCReactDockerVue JSRWeb DevDevOpsAWSC#LEARNING TOOLSExplore the industry's most complete learning platformCoursesLevel up your skillsSkill PathsAchieve learning goalsProjectsBuild real-world applicationsMock InterviewsNewAI-Powered interviewsPersonalized PathsGet the right resources for your goalsLEARN TO CODECheck out our beginner friendly courses.PricingFor BusinessResourcesNewsletterCurated insights on AI, Cloud & System DesignBlogFor developers, By developersFree CheatsheetsDownload handy guides for tech topicsAnswersTrusted answers to developer questionsGamesSharpen your skills with daily challengesSearchCoursesLog InJoin for freeWhat is the <canvas> tag in HTML?

The HTML 5 <canvas> tag is an HTML element that creates a blank drawing area where graphics can be rendered on web pages. The <canvas> element supports both 2D and 3D graphics. This depends on the context it is used. It supports 2D graphics through the 2D context and 3D graphics through the WebGLWeb Graphics Library context.

The <canvas> element isn’t restricted to still graphics. It also supports animations. This means it can be used to build games, interactive web applications, visualize data, manipulate photos and perform real-time video processing.

The <canvas> element is used extensively for graphics on the web. Web applications like Figma, Draw.io, and Canva also use the <canvas> element.

Code

To create a new canvas, add a <canvas> element to an HTML document. This creates a 300x150 px blank canvas.

OutputHTMLRun

To see the canvas in action, use the JavaScript canvas API to draw an orange rectangle.

OutputJavaScriptHTMLRunRepresentation of drawn rectangle on canvas

Relevant Answers

Explore Courses

Free Resources

License: Creative Commons-Attribution-ShareAlike 4.0 (CC-BY-SA 4.0)

Từ khóa » Html Canvas