PHP圖片處理庫Grafika詳細(xì)教程（4）：圖形繪制

作者：星空幻穎 2016-11-10 13:55:29

開發(fā) 后端

該文章是接著上一篇文章：《PHP極其強大的圖片處理庫Grafika詳細(xì)教程（3）：圖像屬性處理》，是grafika教程的一個部分。

該文章是接著上篇文章，《PHP極其強大的圖片處理庫Grafika詳細(xì)教程(3)：圖像屬性處理》，是grafika教程的一個部分。

所有的教程目錄

話不多說，我們接著上實例，要看基礎(chǔ)描述，和下載信息請看***篇

1、繪制貝塞爾曲線

貝塞爾曲線繪制，需要兩個端點，一頭一尾，還有兩個控制點，在之間。所以，必然最起碼4個參數(shù)。加上一個顏色共計5個參數(shù)。

從做到右，我們依次解釋

***個(數(shù)組)：表示起始點，數(shù)組內(nèi)***個參數(shù)為x，第二個參數(shù)為y(下同)
第二個(數(shù)組)：控制點1(接近起始點)，數(shù)組內(nèi)參數(shù)同上
第三個(數(shù)組)：控制點2(接近結(jié)束點)，數(shù)組內(nèi)參數(shù)同上
第四個(數(shù)組)：結(jié)束點，數(shù)組內(nèi)參數(shù)同上
第五個：顏色，可以用十六進制表示，比如：#ff0000

繪制貝塞爾曲線有兩個方法。但是大體步驟相同。1:、打開圖片;2、繪圖;3、保存或者輸出

1）、自行選擇庫，這種方法需要自行判斷

命名空間中的use也需要注意，比之前多了兩個

use Grafika\Grafika; 
use Grafika\Gd\DrawingObject\CubicBezier as GdCubicBezier; 
use Grafika\Imagick\DrawingObject\CubicBezier as ImagickCubicBezier; 
 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$editorName = Grafika::detectAvailableEditor(); 
if('Imagick'===$editorName){ 
    $drawingObject = new ImagickCubicBezier(array(42, 180), array(230, 190), array(42, 45), array(300, 43), '#ff0000'); 
} else if ('Gd'===$editorName) { 
    $drawingObject = new GdCubicBezier(array(42, 180), array(230, 190), array(42, 45), array(300, 43), '#ff0000'); 
} 
$editor->draw( $image, $drawingObject ); 
$editor->save($image,'333/yanying-CubicBezier-1.jpg');

2）、可以讓grafika自己去選擇當(dāng)前適合的類

這種方法就是簡單了許多，我們這次重新設(shè)定了參數(shù)，并且把線條顏色改為了黑色

use Grafika\Grafika; 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$drawingObject = Grafika::createDrawingObject('CubicBezier', array(42, 230), array(230, 237), array(42, 45), array(230, 43), '#000000'); 
$editor->draw( $image, $drawingObject ); 
$editor->save($image,'333/yanying-CubicBezier-1.jpg');

效果不錯，以后再搞驗證碼就簡單多了

2、繪制橢圓

橢圓雖然看著難，但是只要搞清楚確定一個橢圓的幾個基本參數(shù)就可以了。

這里使用Ellipse參數(shù)來繪制橢圓。

后面跟著一些繪制橢圓的形狀、樣式參數(shù)。我們從左到右描述

橢圓的寬：px為單位
橢圓的高：px為單位
位置(數(shù)組)：數(shù)組內(nèi)***個值為x(橢圓最左邊距離圖像最左邊值)，第二個值為y(橢圓最上邊距離圖形最上邊值)
邊框?qū)挾龋簡挝籶x，如果設(shè)置為0，則表示無邊框，默認(rèn)為1px
橢圓邊框顏色：該值需要借助于color類，而不是簡單的填入一個顏色字符串
橢圓的填充值：該顏色同上

我們創(chuàng)建一個200*100，距離左邊50，上邊75，邊框為1，邊框色為黑色，填充紅色的橢圓。

use Grafika\Grafika; 
use Grafika\Color; 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$drawingObject = Grafika::createDrawingObject('Ellipse', 200, 100, array(50, 75), 1, new Color('#000000'), new Color('#FF0000')); 
$editor->draw( $image, $drawingObject ); 
$editor->save($image,'333/yanying-Ellipse.jpg');

查看結(jié)果

3、繪制直線

繪制直線就稍微簡單點兒了。

***個參數(shù)為數(shù)組，表示起始坐標(biāo)
第二個參數(shù)為數(shù)組，表示結(jié)束坐標(biāo)
第三個參數(shù)為垂直方向的順序，表示哪根線在上哪根線在下。(其中GD庫會忽略掉，默認(rèn)為1)
第四個參數(shù)為顏色，不填默認(rèn)為黑色

我們試著畫幾根線試試：

use Grafika\Grafika; 
use Grafika\Color; 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$editor->draw($image, Grafika::createDrawingObject('Line', array(0, 0), array(200, 200), 1, new Color('#FF0000'))); 
$editor->draw($image, Grafika::createDrawingObject('Line', array(0, 200), array(200, 0), 1, new Color('#00FF00'))); 
$editor->draw($image, Grafika::createDrawingObject('Line', array(0, 0), array(200, 100), 1, new Color('#0000FF'))); 
$editor->draw($image, Grafika::createDrawingObject('Line', array(0, 100), array(200, 100))); 
$editor->draw($image, Grafika::createDrawingObject('Line', array(100, 0), array(100, 200))); 
$editor->save($image,'333/Line.jpg');

4、繪制多邊形

我們使用Polygon繪制多邊形，其中參數(shù)為

***個參數(shù)為坐標(biāo)點，是一個數(shù)組，其中該數(shù)組內(nèi)有3個數(shù)組，每個數(shù)組有兩個值，***個值表示x，第二個值表示y

形如

array(array(0,0), array(50,0), array(0,50))

第二個參數(shù)為邊框?qū)挾龋?為沒有，從1開始，單位為px(默認(rèn)為1)
第三個參數(shù)為邊框顏色(默認(rèn)為黑色)
第四個參數(shù)為填充色(默認(rèn)白色)

我們試著畫幾個圖形

use Grafika\Grafika; 
use Grafika\Color; 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$editor->draw( $image, Grafika::createDrawingObject('Polygon', array(array(0,0), array(50,0), array(0,50)), 1)); 
$editor->draw( $image, Grafika::createDrawingObject('Polygon', array(array(200-1,0), array(150-1,0), array(200-1,50)), 1)); 
$editor->draw( $image, Grafika::createDrawingObject('Polygon', array(array(100,0), array(140,50), array(100,100), array(60,50)), 1, null, new Color('#FF0000'))); 
$editor->save($image,'333/Polygon.jpg');

5、二次貝塞爾曲線

又稱貝茲曲線或貝濟埃曲線，是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線

其形如這個樣子

我們使用如下代碼就可以很輕松的創(chuàng)建

use Grafika\Grafika; 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$drawingObject = Grafika::createDrawingObject('QuadraticBezier', array(70, 250), array(20, 110), array(220, 60), '#FF0000'); 
$editor->draw( $image, $drawingObject ); 
$editor->save($image,'333/yanying-QuadraticBezier.jpg');

其中參數(shù)如下

***個參數(shù)為起始點的坐標(biāo)，是一個數(shù)組array(x,y)
第二個參數(shù)為控制點的坐標(biāo)，也是數(shù)組，數(shù)組內(nèi)分別為x，y
第三個參數(shù)為結(jié)束點的坐標(biāo)，也是一個數(shù)組，數(shù)組內(nèi)為x，y
***一個參數(shù)為顏色，默認(rèn)為黑色

當(dāng)然你也可以使用另外一種方式來創(chuàng)建二次貝塞曲線

use Grafika\Grafika; 
use Grafika\Gd\DrawingObject\QuadraticBezier as GdQuadraticBezier; 
use Grafika\Imagick\DrawingObject\QuadraticBezier as ImagickQuadraticBezier; 
$editorName = Grafika::detectAvailableEditor(); 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
if('Imagick'===$editorName){ 
    $drawingObject = new ImagickQuadraticBezier(array(70, 250), array(20, 110), array(220, 60), '#FF0000'); 
} else if ('Gd'===$editorName) { 
    $drawingObject = new GdQuadraticBezier(array(70, 250), array(20, 110), array(220, 60), '#FF0000'); 
} 
$editor->draw( $image, $drawingObject ); 
$editor->save($image,'333/yanying-QuadraticBezier-1.jpg');

6、創(chuàng)建矩形

矩形，其實和橢圓形差不多，只是有個別參數(shù)有些差異。

可以使用如下的代碼直接創(chuàng)建一個矩形

use Grafika\Grafika; 
use Grafika\Color; 
$editorName = Grafika::detectAvailableEditor(); 
$editor = Grafika::createEditor(); 
$editor->open($image , 'yanying-smaller.jpg'); 
$editor->draw( $image, Grafika::createDrawingObject('Rectangle', 85, 50)); // A 85x50 no filled rectangle with a black 1px border on location 0,0. 
$editor->draw( $image, Grafika::createDrawingObject('Rectangle', 85, 50, array(105, 10), 0, null, new Color('#FF0000'))); // A 85x50 red rectangle with no border. 
$editor->draw( $image, Grafika::createDrawingObject('Rectangle', 85, 50, array(105, 70), 0, null, new Color('#00FF00'))); // A 85x50 green rectangle with no border. 
$editor->draw( $image, Grafika::createDrawingObject('Rectangle', 85, 50, array(0, 60), 1, '#000000', null)); // No fill rectangle 
$editor->save($image,'333/yanying-Rectangle.jpg');

其中的參數(shù)

***個為：寬度。px為單位
第二個為高度，px為單位
第三個為一個數(shù)組，內(nèi)包含兩個值，x：表示矩形左邊距離圖片左邊的距離;y：表示矩形的上邊距離圖片的上邊距離。默認(rèn)為array(0,0)表示和左上角重疊。
第四個參數(shù)為邊框的寬度，默認(rèn)為1，當(dāng)設(shè)置為0的時候，表示沒有邊框
第五個參數(shù)為邊框的顏色，默認(rèn)為黑色，當(dāng)設(shè)置為null的時候表示沒有顏色
第六個參數(shù)為填充顏色，默認(rèn)為白色，當(dāng)設(shè)置為null的時候表示沒有顏色

我們繪制了幾個矩形

責(zé)任編輯：龐桂玉來源： segmentfault

php 圖片處理圖形