WebGL - Context - Tutorialspoint

After creating the canvas, you have to get the WebGL context. The first thing to do to obtain a WebGL drawing context is to get the id of the current canvas ... Home CodingGround Jobs Whiteboard Tools Business Teachwithus WebGLTutorial WebGL-Home WebGL-Introduction WebGL-Html5CanvasOverview WebGL-Basics WebGL-GraphicsPipeline WebGLApplication WebGL-SampleApplication WebGL-Context WebGL-Geometry WebGL-Shaders AssociatingAttributes&BufferObjects WebGL-DrawingaModel WebGLExamples WebGL-DrawingPoints WebGL-DrawingaTriangle WebGL-ModesofDrawing WebGL-DrawingaQuad WebGL-Colors WebGL-Translation WebGL-Scaling WebGL-Rotation WebGL-CubeRotation WebGL-InteractiveCube WebGLUsefulResources WebGL-QuickGuide WebGL-UsefulResources WebGL-Discussion SelectedReading UPSCIASExamsNotes Developer'sBestPractices QuestionsandAnswers EffectiveResumeWriting HRInterviewQuestions ComputerGlossary WhoisWho WebGL-Context Advertisements PreviousPage NextPage  TowriteaWebGLapplication,firststepistogettheWebGLrenderingcontextobject.ThisobjectinteractswiththeWebGLdrawingbufferandcancallalltheWebGLmethods.ThefollowingoperationsareperformedtoobtaintheWebGLcontext− CreateanHTML-5canvas GetthecanvasID ObtainWebGL CreatingHTML-5CanvasElement InChapter5,wediscussedhowtocreateanHTML-5canvaselement.WithinthebodyoftheHTML-5document,writeacanvas,giveitaname,andpassitasaparametertotheattributeid.Youcandefinethedimensionsofthecanvasusingthewidthandheightattributes(optional). Example Thefollowingexampleshowshowtocreateacanvaselementwiththedimensions500×500.WehavecreatedabordertothecanvasusingCSSforvisibility.Copyandpastethefollowingcodeinafilewiththenamemy_canvas.html. LiveDemo