Làm cách nào để tạo hình ảnh đồ họa trong PHP?

Trong bài viết trước, chúng ta đã tập trung vào việc tải và thao tác với hình ảnh bằng PHP. Chúng tôi đã học cách xoay, thay đổi kích thước, chia tỷ lệ hoặc lật hình ảnh. Chúng tôi cũng đã tìm hiểu về các bộ lọc khác nhau và ma trận tích chập. Những hướng dẫn đó cũng đề cập đến một số cách sử dụng thực tế của thư viện GD, như thay đổi kích thước tất cả hình ảnh trong một thư mục hoặc thêm hình mờ trên nhiều hình ảnh cùng một lúc

• 
  
  

  Thao tác hình ảnh trong PHP bằng GD

  
  
  

  Monty Shokeen

  28 tháng năm 2022

• 
  
  

  Thay đổi kích thước và thao tác hình ảnh trong PHP (Có ví dụ)

  
  
  

  Monty Shokeen

  30 Th06 2022

Bên cạnh việc sử dụng GD để thao tác với các hình ảnh thông thường, chúng ta cũng có thể tạo hình ảnh của riêng mình từ đầu. Chúng ta có thể sử dụng các hàm khác nhau trong thư viện để vẽ các hình cơ bản như hình elip, hình tròn, hình chữ nhật, hình đa giác và các đường đơn giản. Với một số phép toán, những hình dạng này có thể tạo ra các mẫu đẹp. Ngoài ra còn có các chức năng có sẵn để vẽ văn bản trên hình ảnh được hiển thị, mở ra rất nhiều khả năng

Hướng dẫn này sẽ dạy bạn cách vẽ các hình cơ bản trong PHP và cách hiển thị văn bản bằng phông chữ yêu thích của bạn

Đây là bản xem trước của những gì chúng ta sẽ tạo ở cuối bài viết

Vẽ các hình dạng cơ bản trong PHP với GD

Chúng ta sẽ tìm hiểu về các hình cơ bản trong phần này và sau đó sẽ đề cập đến độ dày của đường kẻ, bút vẽ và kiểu đường kẻ sau

Vẽ các đường

Bạn có thể vẽ một đường thẳng đơn giản giữa hai điểm đã cho bằng hàm

3

3

3

3

3

3

3

3

3

Vẽ vòng tròn và vòng cung

Hàm

3

3

3

3

3

3

3

3

Vẽ hình chữ nhật và đa giác

Bạn có thể vẽ hình chữ nhật trên hình ảnh bằng cách sử dụng hàm

3

3

3

3

3

3

3

Một chức năng khác được gọi là

3

Đặt nó lại với nhau để tạo một bản vẽ

Trong ví dụ sau, chúng tôi đã sử dụng tất cả các chức năng này để tạo một bản vẽ đường có túp lều, mặt trời và mặt đất

1

<?php

2

3

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

4

5

$img_width = 800;

6

$img_height = 600;

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

2

2

2

2

2

2

2

2

2

2

3

3

3

3

3

3

3

3

3

3

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

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

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

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

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

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

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

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

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

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

4

4

4

Điều quan trọng ở đây chỉ là tìm ra giá trị của các tọa độ khác nhau. Tôi muốn vẽ mọi thứ tương ứng với kích thước của ảnh gốc, vì vậy tôi đã sử dụng các biến

3

3

Kiểm soát độ dày của đường kẻ, kiểu và màu tô

Hình ảnh trên có một số vấn đề, chẳng hạn như các đường rất mỏng và không có màu. Tất cả những sự cố này có thể được khắc phục dễ dàng bằng cách sử dụng các chức năng như

3

3

Độ dày đường

Hàm

3

3

3

3

3

Vẽ hình dạng đầy

Mỗi chức năng vẽ cũng có một phiên bản tô màu để lấp đầy hình cụ thể đó bằng một màu nhất định. Ví dụ:

3

Sử dụng cọ

Một chức năng GD rất hữu ích là

3

3

1

<?php

2

3

<?php

4

5

5

6

<?php

<?php

5

<?php

5

<?php

<?php

$img_width = 800;

<?php

Tôi đã tìm thấy hình ảnh đám mây này trên Pixabay và thu nhỏ nó xuống kích thước phù hợp cho dự án của chúng tôi

Mã hoàn chỉnh cho hình ảnh túp lều được đưa ra dưới đây. Chúng tôi chỉ cần thêm hai phiên bản của mỗi hình, một để vẽ đường viền và phiên bản còn lại để tô màu

1

<?php

2

3

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

4

$img_width = 800;

5

$img_height = 600;

6

<?php

<?php

<?php

<?php

5

<?php

5

<?php

<?php

5

2

5

2

2

<?php

2

<?php

2

<?php

2

2

3

<?php

3

2

3

<?php

3

3

2

3

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

<?php

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

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

<?php

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

<?php

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

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

<?php

4

<?php

4

<?php

<?php

Đây là kết quả cuối cùng của mã PHP GD ở trên

Kết xuất văn bản trên hình ảnh

PHP GD đi kèm với bốn chức năng khác nhau để cho phép bạn hiển thị nhiều ký tự hoặc chỉ một ký tự theo hướng ngang hoặc dọc. Các chức năng này là 

3

3

3

3

3

Hàm

3

3

3

3

3

Khi nói đến kết xuất văn bản, bốn chức năng chúng tôi đã thảo luận ở trên rất hạn chế. Bạn sẽ thấy rằng ngay cả giá trị kích thước phông chữ lớn nhất cũng quá nhỏ để sử dụng bình thường. Ngoài ra, văn bản chỉ có thể được viết theo chiều ngang và chiều dọc

May mắn thay, GD cũng có chức năng

3

3

3

3

Ví dụ sau sử dụng tất cả các chức năng này để tạo một số hiệu ứng văn bản đẹp mắt

1

<?php

2

3

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

4

$img_width = 800;

5

$img_height = 600;

6

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

<?php

2

2

<?php

2

2

2

<?php

2

2

2

2

3

<?php

3

<?php

3

3

<?php

3

2

3

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

2

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

2

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

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

2

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

2

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

2

4

4

2

Như bạn có thể thấy, chúng tôi đã hiển thị cùng một văn bản với cùng một phông chữ ở các vị trí hơi khác nhau để tạo một số hiệu ứng như đổ bóng văn bản cơ bản. Điều quan trọng cần lưu ý là văn bản được hiển thị bởi bất kỳ chức năng văn bản nào sẽ ẩn hoàn toàn văn bản bên dưới nó trong trường hợp chồng chéo. Đây là hình ảnh cuối cùng thu được sau khi chạy đoạn mã trên

Tạo các thiết kế và áp phích đơn giản

Hãy sử dụng tất cả kiến ​​thức mà chúng ta có được cho đến nay để tạo áp phích hoặc hình ảnh đơn giản với sự kết hợp giữa văn bản và hình dạng. Tôi sẽ cố gắng tạo lại một cái gì đó tương tự như hình ảnh trong hướng dẫn thao tác hình ảnh PHP này, nơi chúng tôi đã thay thế màu sắc. Chúng tôi sẽ vẽ các vòng tròn đồng tâm để giữ cho phép tính của chúng tôi đơn giản

Một chức năng mới mà chúng ta sẽ sử dụng trong phần này được gọi là

3

3

1

<?php

2

3

2

4

2

5

2

6

<?php

<?php

<?php

2

<?php

<?php

<?php

<?php

2

<?php

2

2

2

2

2

2

2

2

2

2

2

3

3

2

3

2

3

2

3

3

2

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

2

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

2

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

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

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

2

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

4

2

4

<?php

4

Chúng tôi bắt đầu với kích thước phông chữ cơ bản là 20 điểm và sau đó tiếp tục tăng nó lên 4 miễn là cả chiều rộng và chiều cao đều nằm trong giới hạn đã xác định. Khi chúng tôi đạt được kích thước phông chữ phù hợp, chúng tôi thoát khỏi vòng lặp và hiển thị văn bản trên hình ảnh bằng cách sử dụng

3

Bây giờ chúng ta có thể bao gồm đoạn mã sau trước dòng cuối cùng nơi chúng ta lưu hình ảnh để thêm các vòng tròn đồng tâm đã điền vào góc dưới cùng bên trái và trên cùng bên phải của hình ảnh

1

<?php

2

3

2

4

3

5

3

6

3

<?php

<?php

3

<?php

<?php

3

<?php

<?php

3

2

3

2

3

2

3

2

2

3

2

3

3

3

3

3

3

4

Như bạn có thể thấy, có thể dễ dàng tạo các mẫu thú vị bằng cách sử dụng một chút toán học và một số hàm PHP GD tích hợp

Suy nghĩ cuối cùng

Mục đích của hướng dẫn này là giúp bạn làm quen với các hàm GD khác nhau để vẽ các hình cơ bản từ đầu trong PHP. Với sự trợ giúp của một chút toán học, bạn sẽ có thể sử dụng các hàm này để tạo các hình dạng phức tạp hơn như đa giác đều, hình chữ nhật tròn, v.v.

PHP GD cũng có một số chức năng rất hữu ích để hiển thị văn bản trên hình ảnh. Việc sử dụng một phông chữ đẹp sẽ đảm bảo rằng văn bản hiển thị trông không lạ khi được đặt trên các hình ảnh thông thường được tải từ các đường dẫn tệp khác nhau

Làm cách nào để tạo đồ họa bằng PHP?

Làm cách nào để tạo một hình ảnh png trong PHP?

Làm cách nào để vẽ một hình ảnh trong PHP?

Chúng ta có thể vẽ hình ảnh bằng PHP không?