Bài giảng Đồ họa trong.NET trình bày chi tiết nội dung các vấn đề sử dụng GDI+, Các đối tượng đồ họa cơ sở, Các phép biến đổi, Tô màu các đối tượng cơ sở, Đường cong Bezier,... Mời các bạn tham khảo nội dung chi tiết của bài giảng
Đồ họa NET ( Ngôn ngữ thể C#) I Sử dụng GDI+ ( đồ họa NET ) Nguyên tắc chung : Sử dụng thư viện: System.Drawing System.Drawing.Drawing2D…trong NET FrameWork ( tùy vào lệnh ) Để vẽ lên Control ( Form, Panel, label…) có nhiều cách, đơn giản là: Graphics = .CreateGraphics() ; … [ lệnh vẽ ] Chú ý : Gốc tọa độ góc trái Control bạn vẽ II Các đối tượng đồ họa sở Có nhiều đối tượng đồ họa NET, lại có nhiều phương thức để vẽ cho đối tượng đồ họa (Overloading), nhiên ta giới thiệu phương thức thường dụng cho đối tượng sở Đường thẳng qua điểm: .DrawLine( Bút vẽ, điểm1, điểm2 ); .DrawLine( Bút vẽ, điểm1.X, điểm1.Y, điểm2.X, điểm2.Y ); Đường gấp khúc qua n điểm: .DrawLines( Bút vẽ, mảng chứa điểm ); Đường polygon: .DrawPolygon( Bút vẽ, mảng chứa điểm ); Đường Ellipse: .DrawEllipse( Bút vẽ, hình chữ nhật mà Elip nội tiếp ); Chú ý: NET lệnh vẽ đường tròn !! II Các đối tượng đồ họa sở Hình quạt: .DrawPie( Bút vẽ, hình chữ nhật mà đường tròn nội tiếp, góc bắt đầu, góc quét ); Cung tròn: .DrawArc( Bút vẽ, hình chữ nhật mà đường tròn nội tiếp, góc bắt đầu, góc quét ); Hình chữ nhật: .DrawRectangle( Bút vẽ, điểm1.X, điểm1.Y, chiều dài, chiều rộng ); Đường cong tắc bất kỳ: .DrawCurve( Bút vẽ, mảng điểm ); .DrawCurve( Bút vẽ, mảng điểm, offset, Số phân đoạn, độ căng ); II Các đối tượng đồ họa sở Đường cong bất ký khép kín: .DrawClosedCurve( Bút vẽ, mảng điểm, độ căng, chế độ tô màu ); Vẽ hình ảnh: ( có đến 30 Overload !! ) .DrawImage( Hình ảnh, điểm vẽ ); Chú ý : Để hiển thị phần hình ảnh (xén hình) ta sử dụng Overload sau: .DrawImage( Hình ảnh, điểm vẽ, hình chữ nhật xén, Đơn vị đồ họa ); Đơn vị đồ họa Pixel,… 10 Viết chuỗi: .DrawString( Chuỗi, Font, cọ vẽ, điểm viết ); Chú ý: NET lệnh Putpixel !! III Các phép biến đổi ( Tranformation ) Nhớ lại : Gốc tọa độ góc trái Control bạn vẽ Phép Tịnh tiến ( So với gốc tọa độ ): .TranslateTransform( ∆x, ∆y ); [ …các lệnh vẽ ] Phép Xoay ( So với gốc tọa độ ): .RotateTransform( Góc quay ); [ …các lệnh vẽ ] Phép Co giãn: .ScaleTransform( Sx, Sy ); [ …các lệnh vẽ ] III Các phép biến đổi ( Tranformation ) Chú ý: Nếu viết nhiều phép biến đổi liên tiếp nhau, NET thực theo thứ tự từ xuống Thứ tự phép biến đổi quan trọng ! III Các phép biến đổi ( Tranformation ) Nhớ lại: Trong kỹ thuật đồ họa ta có khái niệm ma trận phép biến đổi ⇒ NET hỗ trợ, cho phép bạn tạo ma trận tổng hợp phép biến đổi dễ dàng Ma trận có dạng sau ( 3x3 ): Linear Part Translation Part Always 0,0,1 0 Để ý : Do Cột cố định, nên ta cần tham số đủ xác định ma trận III Các phép biến đổi ( Tranformation ) Mã lệnh tạo ma trận phép biến đổi: Matrix = new Matrix( ∆x, ∆y, Sx, Sy ); […các lệnh vẽ] Sức mạnh NET !! IV Tô màu đối tượng sở Tô màu hình chữ nhật : .FillRectangle( chổi vẽ, hình chữ nhật cần tô ); Tô hình Elip : .FillEllipse( chổi vẽ, hình chữ nhật mà Elip cần tô nội tiếp); Tô Polygon : .FillPolygon ( chổi vẽ, mảng điểm Polygon); V Đường cong Bezier P1 P3 P0 P2 thông dụng: Các phương thức vẽ đường Bezier .DrawBezier(Bút vẽ, điểm0, điểm1, điểm2, điểm3); .DrawBezier(Bút vẽ, mảng chứa điểm); V Đường cong Bezier Đường Bezier cộng tuyến : Nếu muốn đường cong Bezier kết nối với mịn màng điểm sau phải cộng tuyến ( đường thẳng ): • Điểm điều khiển thứ đường Bezier • Điểm kết cuối đường Bezier ( điểm kết đầu đường Bezier thứ ) • Điểm điều khiển đường Bezier thứ VI Kết luận • • Khả đồ họa NET mạnh Thư viện hỗ trợ tất đối tượng đồ họa phương thức xử lý 2D ( 3D ) ... Gốc tọa độ góc trái Control bạn vẽ II Các đối tượng đồ họa sở Có nhiều đối tượng đồ họa NET, lại có nhiều phương thức để vẽ cho đối tượng đồ họa (Overloading), nhiên ta giới thiệu phương thức...I Sử dụng GDI+ ( đồ họa NET ) Nguyên tắc chung : Sử dụng thư viện: System.Drawing System.Drawing.Drawing2D trong NET FrameWork ( tùy vào lệnh ) Để vẽ lên Control... Hình ảnh, điểm vẽ, hình chữ nhật xén, Đơn vị đồ họa ); Đơn vị đồ họa Pixel,… 10 Viết chuỗi: .DrawString( Chuỗi, Font, cọ vẽ, điểm viết ); Chú ý: NET lệnh Putpixel !! III Các phép biến đổi