该文章是接着上一篇文章:《PHP极其强大的图片处理库Grafika详细教程(3):图像属性处理》,是grafika教程的一个部分。

所有的教程目录

《1、图像基本处理》
《2、图像特效处理模块》
《3、图像属性处理》
《4、图形绘制》

话不多说,我们接着上实例,要看基础描述,和下载信息请看第一篇

1、绘制贝塞尔曲线

贝塞尔曲线绘制,需要两个端点,一头一尾,还有两个控制点,在之间。所以,必然最起码4个参数。加上一个颜色共计5个参数。

从做到右,我们依次解释

  • 第一个(数组):表示起始点,数组内第一个参数为x,第二个参数为y(下同)

  • 第二个(数组):控制点1(接近起始点),数组内参数同上

  • 第三个(数组):控制点2(接近结束点),数组内参数同上

  • 第四个(数组):结束点,数组内参数同上

  • 第五个:颜色,可以用十六进制表示,比如:#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自己去选择当前适合的类

这种方法就是简单了许多,我们这次重新设定了参数,并且把线条颜色改为了黑色

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、绘制椭圆

椭圆虽然看着难,但是只要搞清楚确定一个椭圆的几个基本参数就可以了。

这里使用Ellipse参数来绘制椭圆。

后面跟着一些绘制椭圆的形状、样式参数。我们从左到右描述

  • 椭圆的宽:px为单位

  • 椭圆的高:px为单位

  • 位置(数组):数组内第一个值为x(椭圆最左边距离图像最左边值),第二个值为y(椭圆最上边距离图形最上边值)

  • 边框宽度:单位px,如果设置为0,则表示无边框,默认为1px

  • 椭圆边框颜色:该值需要借助于color类,而不是简单的填入一个颜色字符串

  • 椭圆的填充值:该颜色同上

我们创建一个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');

查看结果

3、绘制直线

绘制直线就稍微简单点儿了。

  • 第一个参数为数组,表示起始坐标

  • 第二个参数为数组,表示结束坐标

  • 第三个参数为垂直方向的顺序,表示哪根线在上哪根线在下。(其中GD库会忽略掉,默认为1)

  • 第四个参数为颜色,不填默认为黑色

我们试着画几根线试试:

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绘制多边形,其中参数为

  • 第一个参数为坐标点,是一个数组,其中该数组内有3个数组,每个数组有两个值,第一个值表示x,第二个值表示y

形如

array(array(0,0), array(50,0), array(0,50))
  • 第二个参数为边框宽度,0为没有,从1开始,单位为px(默认为1)

  • 第三个参数为边框颜色(默认为黑色)

  • 第四个参数为填充色(默认白色)

我们试着画几个图形

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、二次贝塞尔曲线

又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线

其形如这个样子

我们使用如下代码就可以很轻松的创建

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');

其中参数如下

  • 第一个参数为起始点的坐标,是一个数组array(x,y)

  • 第二个参数为控制点的坐标,也是数组,数组内分别为x,y

  • 第三个参数为结束点的坐标,也是一个数组,数组内为x,y

  • 最后一个参数为颜色,默认为黑色

当然你也可以使用另外一种方式来创建二次贝塞曲线

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、创建矩形

矩形,其实和椭圆形差不多,只是有个别参数有些差异。

可以使用如下的代码直接创建一个矩形

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');

其中的参数

  • 第一个为:宽度。px为单位

  • 第二个为高度,px为单位

  • 第三个为一个数组,内包含两个值,x:表示矩形左边距离图片左边的距离;y:表示矩形的上边距离图片的上边距离。默认为array(0,0)表示和左上角重叠。

  • 第四个参数为边框的宽度,默认为1,当设置为0的时候,表示没有边框

  • 第五个参数为边框的颜色,默认为黑色,当设置为null的时候表示没有颜色

  • 第六个参数为填充颜色,默认为白色,当设置为null的时候表示没有颜色

我们绘制了几个矩形


严颖,PHP研发工程师

博客:segmentfault主页

PHP极其强大的图片处理库Grafika详细教程(4):图形绘制相关推荐

  1. PHP极其强大的图片处理库Grafika详细教程(3):图像属性处理

    该文章是接着上篇文章,<PHP极其强大的图片处理库Grafika详细教程(2):图像特效处理模块>,由于grafika功能太多,所以分开写,其他的点击这里 <1.图像基本处理> ...

  2. PHP极其强大的图片处理库Grafika详细教程(1):图像基本处理

    Grafika是一个PHP图像处理库,是基于Imagick和GD,可以用于改变图片大小,剪裁,比较,添加水印等等功能.还有感知哈希,高级图像过滤,绘制贝塞尔曲线等功能,可谓非常强大. <1.图像 ...

  3. PHP图片融合处理,PHP极其强大的图片处理库Grafika详细教程(1):图像基本处理...

    Grafika是一个PHP图像处理库,是基于Imagick和GD,可以用于改变图片大小,剪裁,比较,添加水印等等功能.还有感知哈希,高级图像过滤,绘制贝塞尔曲线等功能,可谓非常强大. 由于功能太多,所 ...

  4. think php 缩放图片,thinkphp极其强大的图片处理库Grafika详细教程(1)

    Grafika是一个PHP图像处理库,是基于Imagick和GD,可以用于改变图片大小,剪裁,比较,添加水印等等功能.还有感知哈希,高级图像过滤,绘制贝塞尔曲线等功能,可谓非常强大. 由于功能太多,所 ...

  5. PHP极其强大的图片处理库Grafika详细教程(4):图形绘制 1

    接上文所有的教程目录 <1.图像基本处理> <2.图像特效处理模块> <3.图像属性处理> <4.图形绘制> 话不多说,我们接着上实例,要看基础描述,和 ...

  6. PHP极其强大的图片处理库Grafika详细教程(2):图像特效处理模块

    接上篇: <1.图像基本处理> <2.图像特效处理模块> <3.图像属性处理> <4.图形绘制> 我们开门见山,直接继续上实例,详细了解点击上面链接 图 ...

  7. PHP7Grafika,PHP图片处理库Grafika详细教程(3):图像属性处理

    该文章是接着上篇文章,<PHP极其强大的图片处理库Grafika详细教程(2):图像特效处理模块>,由于grafika功能太多,所以分开写,其他的点击这里 该文章主要写grafika的图像 ...

  8. PHP图片处理库Grafika详细教程(4):图形绘制

    该文章是接着上篇文章,<PHP极其强大的图片处理库Grafika详细教程(3):图像属性处理>,是grafika教程的一个部分. 所有的教程目录 <1.图像基本处理> < ...

  9. PHP图片处理库Grafika详细教程(2):图像特效处理模块

    该文章是接着上篇文章<PHP图片处理库Grafika详细教程(1):图像基本处理>,由于grafika功能太多,所以分开写,其他的点击这里 <1.图像基本处理> <2.图 ...

最新文章

  1. 分享42个超棒的智能手机摄影画廊
  2. 高低压配电系统基础知识,都是非常全面的分享!
  3. 在SuSE10.1上安装Oracle10g
  4. Leetcode--221.最大正方形
  5. java入栈_java中代码块的执行,也会有入栈的步骤吗?
  6. 市民举报邻居去韩国代购归来未隔离,真相很尴尬:表面防疫,实则打假?
  7. 2012MDCC大会总结
  8. 判断一个数是不是质数(素数),3种方式介绍
  9. Java 实现 图片OCR文字识别
  10. python 栅格转矢量_python 矢量数据转栅格数据代码实例
  11. linux怎样编译安装pidgin,Ubuntu 10.04编译安装Pidgin-2.7.3整个过程
  12. h5做适应不同手机尺寸(不同手机尺寸,不依赖框架)
  13. 微信支付V3版开发中遇到的一个问题及原因:缺少prepay_id
  14. java实现视频弹幕效果,SpringBoot实现视频弹幕功能 DanmuPlayer插件的使用
  15. 《重说中国近代史》—张鸣—(5)古老命题新解(二)
  16. Python爬虫实战(1)——百度贴吧抓取帖子并保存内容和图片
  17. NOIP考纲总结+NOIP考前经验谈
  18. [046量化交易]python 抓取指定时间范围内的股票基础信息写入Mongodb
  19. Windows Server 2019 开启磁盘利用率情况
  20. 2022.4.19百度笔试记录

热门文章

  1. java list填入table_JavaFX从ObservableList填充TableView
  2. linux 非root身份安装java_Linux非root用户安装jdk和tomcat
  3. java utf8 简繁转换 类库_在Java中进行中文繁体简体转换,基于OpenCC(Open Chinese Convert)方案...
  4. exp参数feedback_Oracle数据库逻辑增量备份恢复之exp/imp参数inctype
  5. python编写个人信息_1、纯python编写学生信息管理系统
  6. python scrapy框架 抓取的图片路径打不开图片_Python中Scrapy爬虫图片处理详解
  7. 按照自己的理解用js实现八皇后的算法
  8. 辽宁2009对口计算机试题文档之家,中职对口升学计算机网络检测试题一
  9. 公众号回复单个图文消息
  10. VB 游戏外挂操作类