Angular Canvas Drawing. First we choose the color and brush and then we paint. The canvas has a 2D drawing context used for drawing shapes text images and other objects.
Function draw var canvas document. To draw a line we can use both the starting value of our touch and the new value calculated to with the offset. BezierCurveTo 75 37 70 25 50 25.
The default size is 300 px 150 px width height.
Import Component ViewChild ElementRef AfterViewInit from angularcore. AfterViewInit Component ElementRef Input OnDestroy. BezierCurveTo 75 37 70 25 50 25. We will create a factory that contains an object that knows how to draw rectangles and lines on the HTML5 Canvas element.