This document discusses C# .NET graphics and how to draw various shapes and text. It covers: 1. Creating a Graphics instance to draw on a surface and creating Pen and Brush objects to draw lines and fill shapes. 2. Basic drawing functions including drawing lines using DrawLine(), rectangles using DrawRectangle(), polygons using DrawPolygon(), and text using DrawString(). 3. Examples of drawing a cross when the mouse is clicked, drawing a line that follows the mouse, and pixel drawing.

1. C# .NET Graphics Extra – not testedRequired for assignment 1

2. What will we be learning?Surface, pen and brushDraw LinesDraw RectanglesDraw PolygonsDraw Text

3. Basic - Graphics(1) we need to have a Graphics instance (similar to a surface)

4. BasicDeclareGraphics mySurface;

5. BasicCreateGraphics mySurface;mySurface = this.CreateGraphics();

6. Basic - Pen(2) To draw lines or outlines of shapes, we need a Pen

7. Basic - PenDeclarePen pen1;

8. Basic - PenCreate2 parameters- Color- thicknessPen pen1;pen1 = new Pen(Color.Blue, 1.0f);

9. Basic - Brush(3) To fill inside shapes, we need a Brush

10. Basic - BrushDeclareTypes of brushSolidBrushHatchBrushLinearGradientBrushPathGradientBrushTextureBrushSolidBrush brush1;

11. Basic - BrushCreateSolidBrush brush1;brush1 = new SolidBrush(Color.Green);

12. Basic - BrushTypes of brushSolidBrushHatchBrushLinearGradientBrushPathGradientBrushTextureBrush

13. Draw Lines> New Solution: SpfGraphics> Select Form1.cs, select design view> select events and double click “Paint” event

14. Draw Lines

15. Draw Lines

16. Output

17. Using points & DrawLinesContinue in Form1_Paint

18. Outputsurface1.DrawLine(pen1, pt1, pt3);surface1.DrawLines(pen1, points);

19. Draw RectangleContinue in Form1_Paint

20. Draw Rectangle

21. Fill ShapeContinue in Form1_Paint

22. Fill Shape

23. Draw PolygonContinue in Form1_Paint

24. Draw Polygon

25. Draw TextContinue in Form1_Paint

26. Draw Text

27. Try it yourself: drawing cross for mousedownVIDEO

28. Try it yourself!Hint: use the mousedown eventHint: use points (e.X-5, e.Y-5) , (e.X+5, e.Y+5), (e.X+5, e.Y-5) , (e.X-5, e.Y+5)

29. Possible solution

30. Draw fix line follow mouse

31. Draw fix line follow mouseNew project “lineFollowMouse”

32. Draw fix line follow mouse// Get the mouse position

33. Demo: flexi line follow mouseVIDEO

34. Flexi line follow mouse// Get the mouse position

35. Demo: Simple pixel drawingVIDEO

36. Simple pixel drawingNew project: SimplePixelDrawing

37. Simple pixel drawing

38. Simple pixel drawing

39. Simple pixel drawingto continue next page

40. Simple pixel drawingcontinue from previous page

41. SummarySurface, pen and brushDraw LinesDraw RectanglesDraw PolygonsDraw Text