HTML with canvas to write text on canvas.



            html with canvas tag. It is used to draw graphics on HTML page. With this canvas tag, we use javascript to draw it.

        <canvas id="straightline" width="500" height="500" style="border:7px dotted #000089;">
            <!--we always use canvas id for script-->
            <!--since we are going to draw arc, we use attribute width and height with style/css-->
            <!-- here the width and height defines canvas size-->
            <!--since it has no border so-->
            <!--we can use different color with the help of css-->

            var ele = document.getElementById("straightline"); //this code finds the canvas Element using getElementbyID
            var object = ele.getContext("2d"); //it creates an object for given canvas using getcontext. Then stores in variable
            object.font = "40px Arial"; //changes the size of text to 40.

            object.fillText("Hello javascript", 40, 50) //40 is x co-ordinate,50 is y co-ordinate


No comments:

Post a Comment