繪製矩形php,PHP如何繪製直線 矩形 圓形

2021-10-25 21:09:25 字數 1770 閱讀 4071

本文是php繪圖的入門級教程,主要介紹php繪圖的基本步驟和如何繪製直線、矩形、圓形。

php繪圖的基本步驟,有四步(php.ini裡的 extension = php_gb2.dll 元件首先需要啟用)。

1、建立畫布;

2、畫出所需要的影象(圓、直線、矩形、扇形、弧線.......);

3、輸出到網頁,或者另存;

4、銷毀(目的是釋放影象所占用的記憶體)。

1、php繪製一條直線

首先教大家使用php繪製一條直線,主要用到gd庫中的imageline方法。

//1、建立畫布

$im = imagecreatetruecolor(300,200);//新建乙個真彩色影象,預設背景是黑色,返回影象識別符號。另外還有乙個函式 imagecreate 已經不推薦使用。

//2、繪製所需要的影象

$red = imagecolorallocate($im,255,0,0);//建立乙個顏色,以供使用

imageline($im,30,30,240,140,$red);//畫一條直線。引數說明:30,30表示起點座標;240,140表示終點座標

//3、輸出影象

header("content-type: image/png");

imagepng($im);//輸出到頁面。如果有第二個引數[,$filename],則表示儲存影象

//4、銷毀影象,釋放記憶體

imagedestroy($im);

2、php繪製矩形,主要用到gd庫中imagerectangle方法

//1、建立畫布

$im = imagecreatetruecolor(300,200);//新建乙個真彩色影象,預設背景是黑色,返回影象識別符號。另外還有乙個函式 imagecreate 已經不推薦使用。

//2、繪製所需要的影象

$red = imagecolorallocate($im,255,0,0);//建立乙個顏色,以供使用

imagerectangle($im,30,30,240,140,$red);//畫乙個矩形。引數說明:30,30表示矩形左上角座標;240,140表示矩形右下角座標;$red表示顏色

//imagefilledrectangle($im,30,30,240,140,$red);//填充的矩形

//3、輸出影象

header("content-type: image/png");

imagepng($im);//輸出到頁面。如果有第二個引數[,$filename],則表示儲存影象

//4、銷毀影象,釋放記憶體

imagedestroy($im);

3、php繪製圓形

//1、建立畫布

$im = imagecreatetruecolor(300,200);//新建乙個真彩色影象,預設背景是黑色,返回影象識別符號。另外還有乙個函式 imagecreate 已經不推薦使用。

//2、繪製所需要的影象

$red = imagecolorallocate($im,255,0,0);//建立乙個顏色,以供使用

imageellipse($im,30,30,40,40,$red);//畫乙個圓。引數說明:30,30為圓形的中心座標;40,40為寬和高,不一樣時為橢圓;$red為圓形的顏色(框顏色)

//3、輸出影象

header("content-type: image/png");

imagepng($im);//輸出到頁面。如果有第二個引數[,$filename],則表示儲存影象

//4、銷毀影象,釋放記憶體

imagedestroy($im);

繪製矩形 canvas 繪製矩形及弧形

矩形是唯一一種可以直接在 2d 上下文中繪製的形狀。與矩形有關的方法包括 fillrect strokerect 和 clearrect 這三個方法都能接收 4 個引數 矩形的 x 座標 矩形的 y 座標 矩形寬度和矩形高度 首先,fillrect 方法在畫布上繪製的矩形會填充指定的顏色。填充的顏色...

Canvas繪製矩形

context.rect x y width height 規劃了矩形的路徑 context.fillrect x y width height 根據fillstyle繪製出乙個填充的矩形 context.strokerect x y width height 根據strokestyle繪製出乙個矩...

canvas繪製矩形

1.繪製乙個填充的矩形 fillrect x,y,width,height 2.繪製乙個矩形的邊框 strokerect x,y,width,height 3.清除指定矩形區域,讓清除部分完全透明 clearrect x,y,width,height 其中x y是相對於畫布左上角0,0 的距離,wi...