Khoa công nghệ thông tin bài giảng LẬp trình cơ BẢn biên soạn

2. Vẽ và tô màu đường tròn

• 
  Cung tròn và hình tròn.
  
• 
  Đường gấp khúc và đa giác.
  
• 
  Đường thẳng.
  
• 
  Hình chữ nhật.
  

Nhóm này bao gồm: Cung tròn, đường tròn, cung elip và hình quạt.

• 
  Cung tròn: Để vẽ một cung tròn
  

+ (x,y): là toạ độ tâm cung tròn.

+ gd: là góc đầu cung tròn(0 đến 360 độ).

+ gc: là góc cuối cung tròn (gd đến 360 độ).

+ r: là bán kính cung tròn .

Ví dụ:

arc(100,50,0,180,30);

• 
  Đường tròn: Để vẽ đường tròn
  

+ (x,y) : là toạ độ tâm cung tròn.

+r : là bán kính đường tròn.

Ví dụ:

circle(100,50,30);

• 
  Cung elip: Để vẽ một cung elip
  

+ (x,y) : là toạ độ tâm cung elip.

+ gd : là góc đầu cung tròn(0 đến 360 độ).

+ gc : là góc cuối cung tròn (gd đến 360 độ).

+ xr : là bán trục nằm ngang.

+ yr : là bán trục thẳng đứng.

Ví dụ:

Vẽ một cung elip có tâm tại (100,50), góc đầu là 0, góc cuối là 180, bán trục ngang 30, bán trục đứng là 20.

• 
  Hình quạt: Để vẽ và tô màu một hình quạt
  

+ (x,y) : là toạ độ tâm hình quạt.

+ gd : là góc đầu hình quạt (0 đến 360 độ).

+ gc : là góc cuối hình quạt (gd đến 360 độ).

+ r: là bán kính hình quạt .

Ví dụ: Chương trình dưới đây sẽ vẽ một cung tròn ở góc phần tư thứ nhất, một cung elip ở góc phần tư thứ ba, một đường tròn và một hình quạt quét từ 90 đến 360 độ.

# include "graphics.h"

#include "stdio.h"

#include "conio.h"

main()

int md=0,mode;

initgraph(&md,&mode,"C:\\TC\\BGI");

setbkcolor(BLUE);

setcolor(YELLOW);

setfillstyle(SOLID_FILL,RED);;

arc(160,50,0,90,45);

circle(160,150,45);

pieslice(480,150,90,360,45);

getch();

}

3. Vẽ đường gấp khúc và đa giác

• 
  Vẽ đường gấp khúc: Muốn vẽ đường gấp khúc đi qua n điểm: (x1,y1), (x2,y2), ...., (xn,yn) các toạ độ (xi,yi) được gán cho một mảng a kiểu int theo nguyên tắc sau:
  

Toạ độ y1 gán cho a[1]

Toạ độ x2 gán cho a[2]

Toạ độ y2 gán cho a[3]

....

Toạ độ xn gán cho a[2n-2]

Sau đó gọi hàm:

n: số điểm cần vẽ tương ứng số lượng điểm được lưu trữ trong a

a: Các điểm trên đường gấp khúc được lưu trữ theo mô hình trên

Nếu điểm cuối cùng (xn,yn) trùng với điểm đầu (x1,y1) thì đường gấp khúc khúc khép kín.

Ví dụ vẽ tam giác

int a[8]={10,10,100,100,10,100,10,10};

drawpoly(4,a);

• 
  Tô màu đa giác: Vẽ đa giác và tô màu cho phần đa giác đã vẽ
  

n: số điểm cần vẽ

a: danh sách các điểm cần vẽ

sẽ vẽ và tô màu một đa giác có đỉnh là các điểm (x1,y1), (x2,y2), ...., (xn,yn)

Ví dụ: Vẽ một đường gấp khúc và hai đường tam giác.

#include "graphics.h"

#include "stdio.h"

#include "conio.h"

int poly1[]={5,200,190,5,100,300};

int poly2[]={205,200,390,5,300,300};

int poly3[]={405,200,590,5,500,300,405,200};

main()

int md=0,mode;

initgraph(&md,&mode,"C:\\TC\\BGI");

setbkcolor(CYAN);

setcolor(YELLOW);

setfillstyle(SOLID_FILL,MAGENTA);

drawpoly(3,poly1);

fillpoly(3,poly2);

fillpoly(4,poly3);

getch();

}

• 
  Vẽ đường thẳng: đường thẳng nối hai điểm
  

+ (x1,y1): tọa độ điểm 1

+ (x2,y2): tọa độ điểm 2

• 
  Vẽ đường thẳng: đường thẳng từ điểm con trỏ đồ họa hiện tại đến điểm mới
  

(x,y): điểm sẽ vẽ đến từ con trỏ đồ họa hiện tại

• 
  Vẽ đường thẳng: đường thẳng từ điểm con trỏ đồ họa hiện tại đến điểm cách điểm hiện tại một khoảng
  

(dx,dy): khoảng cách với con trỏ đồ họa hiện tại, nếu điểm hiện tại là (x,y) thì điểm mới cần vẽ là (x+dx, y+dy)

• 
  Di chuyển con chạy đồ hoạ: Để di chuyển con chạy đến vị trí mới
  

+ (x,y): điểm con trỏ đồ họa mới

Ví dụ:

moveto(200,100);

lineto(100,200);

linerel(100,100);

• 
  Chọn kiểu đường: kiểu đường để vẽ các đường thẳng, đa giác ,…
  

+ par : nếu tham số thứ nhất là USERBIT_LINE thì tuân thủ theo bit của tham số này để tạo ra điểm vẽ.

+ thin : độ dày của đường được miêu tả ở dưới

Bảng 13-4

Ví dụ: Chương trình vẽ một đường gấp khúc bằng các đoạn thẳng. Đường gấp khúc đi qua các đỉnh sau:

(20,20),(620,20),(620,180),(20,180) và (320,100)

#include "graphics.h"

#include "stdio.h"

#include "conio.h"

main()

{

int mh=0, mode;

setbkcolor(BLUE);

setcolor(YELLOW);

setlinestyle(SOLID-LINE,0,THICK_WIDTH);

moveto(320,100); /* con ch?y ? v? trí ( 320,100 ) */

line(20,20,620,20); /* con ch?y v?n ? v? trí ( 320,100 ) */

linerel(-300,80);

lineto(620,180);

lineto(620,20);

getch();

}

4. Vẽ điểm, miền

• 
  Vẽ điểm: vẽ điểm ảnh trên màn hình với màu xác định
  

+ (x,y): tọa độ điểm cần vẽ

+ color: màu vẽ

• 
  Lấy màu điểm vẽ: xác định màu của một điểm trên màn hình
  

+ (x,y): Tọa độ của điểm cần lấy màu

+ giá trị trả vè là màu của điểm trên màn hình

• 
  Tô miền: Tô màu cho một miền kín được xác định bởi màu biên, nếu vùng không kín sẽ tô màu hết vùng làm việc.
  

+(x,y): tọa độ xác định điểm tô màu đầu tiên

+ border: màu của vùng biên

Ví dụ: Vẽ một đường tròn màu đỏ trên màn hình màu xanh. Toạ độ (x,y) của điểm gieo được nạp từ bàn phím. Tuỳ thuộc giá trị cụ thể của x,y chương trình sẽ tô màu vàng cho hình tròn hoặc phần màn hình bên ngoài hình tròn.

#include "graphics.h"

#include "stdio.h"

#include

main()

int mh=0,mode=0, x, y;

printf("\nVao toa do x,y:");

scanf("%d%d",&x,&y);

initgraph(&mh,&mode,"");

setbkcolor(BLUE);

setcolor(RED);

setfillstyle(11,YELLOW);

circle(320,100,50);

moveto(1,150);

floodfill(x,y,RED);

getch();

}

5. Hình chữ nhật

• 
  Vẽ hình chữ nhật: xác định hai đỉnh là góc trái trên cùng, và góc phải dưới cùng của hình chữ nhật
  

+ (x1,y1) : tọa độ góc trái, phía trên hình chữ nhật

+ (x2,y2) : tọa độ góc phải phía dưới hình chữ nhật

• 
  Vẽ hình chữ nhật được to kín: vẽ hình chữ nhật với miền trong được tô màu
  

+ (x1,y1) : tọa độ góc trái, phía trên hình chữ nhật

+ (x2,y2) : tọa độ góc phải phía dưới hình chữ nhật

• 
  Vẽ hình chữ nhật có tô bóng: vẽ hình chữ nhật có tô bóng 3D.
  

+ (x1,y1) : tọa độ góc trái, phía trên hình chữ nhật

+ (x2,y2) : tọa độ góc phải phía dưới hình chữ nhật

+ depth: độ sâu của tô bóng

+ top: vẽ đỉnh (0: không vẽ, 1: vẽ)

Ví dụ: Chương trình dưới đây tạo nên một hình chữ nhật, một khối hình chữ nhật và một hình hộp có nắp:

#include "graphics.h"

main()

int mh=0,mode=0;

initgraph(&mh,&mode,"");

setbkcolor(GREEN);

setcolor(RED);

setfillstyle(CLOSE_DOT_FILL,YELLOW);

rectangle(5,5,300,160);

bar(3,175,300,340);

bar3d(320,100,500,340,100,1);

getch();

}

6. Cửa sổ (Viewport)

• 
  Thiết lập viewport: tạo cửa sổ làm việc ảo trên màn hình.
  

+ (x1,y1) : tọa độ góc trên bên trái

+ (x2,y2) : tọa độ góc dưới bên phải

+ clip : 0 : cho phép vẽ ra ngoài viewport, 1 : không cho phép vẽ ra ngoài viewport

Ví dụ:

setviewport(100,50,200,150,0);

Lập nên một vùng viewport hình chữ nhật có toạ độ góc trái cao là (100,50) và toạ độ góc phải thấp là (200,150) (là toạ độ trước khi đặt viewport).

• 
  Nhận diện viewport hiện hành: thông tin về viewport hiện hành.
  

vp: thông tin về viewport hiện thời,

cấu trúc của viewport

struct viewporttype

{

int left,top,right,bottom;

};

• 
  Xóa viewport: xóa các đối tượng vẽ trong viewport
  

• 
  Xoá màn hình, đưa con chạy về tạo độ (0,0) của màn hình:
  

• 
  Toạ độ âm dương:
  

int xc,yc;

xc=getmaxx()/2;

yc=getmaxy()/2;

setviewport(xc,yc,getmaxx(),getmaxy(),0);

Như thế, màn hình sẽ được chia làm bốn phần với toạ độ âm dương như sau:

Phần tư trái trên: x âm, y âm.

x: từ -getmaxx()/2 đến 0.

y: từ -getmaxy()/2 đến 0.

Phần tư trái dưới: x âm, y dương.

x: từ -getmaxx()/2 đến 0.

y: từ 0 đến getmaxy()/2.

Phần tư phải trên: x dương, y âm.

x: từ 0 đến getmaxx()/2.

y: từ -getmaxy()/2 đến 0.

Phần tư phải dưới: x dương, y dương.

x: từ 0 đến getmaxx()/2.

y: từ 0 đến getmaxy()/2.

Ví dụ: Chương trình vẽ đồ thị hàm sin x trong hệ trục toạ độ âm dương. Hoành độ x lấy các giá trị từ -4 đến 4. Trong chương trình có sử dụng hai hàm mới là settextjustify và outtextxy ta sẽ đề cập ngay trong phần sau.

#include "graphics.h"

#include "conio.h"

#include "math.h"

#define TYLEX 20

#define TYLEY 60

main()

{

int mh=0,mode=DETECT;

initgraph(&mh,&mode,"");

setviewport(getmaxx()/2,getmaxy()/2,getmaxx(),getmaxy(),0);

setbkcolor(BLUE);

setcolor(YELLOW);

line(-getmaxx()/2,0,getmaxx()/2,0);

line(0,-getmaxy()/2,0,getmaxy()/2);

settextjustify(1,1);

setcolor(WHITE);

outtextxy(0,0,"(0,0)");

for (i=-400;i<=400;++i)

{

x=floor(2*M_PI*i*TYLEX/200);

putpixel(x,y,WHITE);

}

getch();

}