Chuyển ảnh thành code HTML với PHP

Bài này mình sẽ giới thiệu với mọi người cách chuyển đổi hình ảnh sang code HTML với PHP. Demo sẽ như sau:


1, Thuật toán.
-Thuật toán xử lý hết sức đơn giản với cách thực hiện như sau:

+ Đầu chúng ta sẽ lấy ra hình ảnh cần quét. Và xác định chiều rộng và chiều dài của ảnh.

+ Sau đó chúng ta sẽ thực hiện lặp từng pixel của ảnh từ trái qua phải và từ trên xuống dưới để lấy mã màu (dạng RGB) của từng điểm ảnh.

+ Và khi có được mã màu rồi thì chúng ta sẽ vẽ nó theo code HTML của chúng ta với mỗi điểm ảnh tương ứng với một thẻ span.


-> Đấy đơn giản đúng không giờ mình cùng đi vào thực hành xem thế nào.

2, Thực hành thuật toán.
-Mình sẽ giải thích trong code luôn nhé!

<?php
//Lấy file ảnh từ máy
// Nếu ảnh png thì dùng hàm ImageCreateFrompng
// $img = ImageCreateFrompng('ha-noi.png');

//Nếu ảnh jpg thì dùng hàm ImageCreateFromJpeg
$image = ImageCreateFromJpeg('ha-noi.jpg');

// Lấy ra chiều rộng của ảnh.
$widthImage = imagesx($image);

//Lấy ra chiều cao của ảnh
$heightImage = imagesy($image);

//Lặp chiều cao của ảnh 
for ($height = 0; $height < $heightImage; $height++) {

    //Lặp chiều rộng của ảnh (Lấy dư ra một để xuống dòng)
 for ($width = 0; $width <= $widthImage; $width++) {
  //Nếu vị chí hiện tại bằng chiều rộng của ảnh
  //thì xuống dòng và tiếp tục.
  if ($width == $widthImage) {
   echo '<br>';
   continue;
  }
    // Lấy ra màu của điểm ảnh hiện tại
  $rgb = ImageColorAt($image, $width, $height);

    //Chuyển đổi màu sang dạng RGB.
    //chuyển sang red
  $red = ($rgb >> 16) & 0xFF;

    //Chuyển sang Green
  $green = ($rgb >> 8 ) & 0xFF;

    //Chuyển sang Blue
  $blue = $rgb & 0xFF;

    //Hiển thị màu của ảnh dưới dạng html
  echo '<span  style="font-size:1px;color:rgb(' . $red . ',' . $green . ',' . $blue . ');">#</span>';

 }
}

VD: Mình sẽ thử với bức ảnh:


Xem Kết Quả

3, Lời kết.
-Như vậy mình đã giới thiệu với mọi người cách chuyển đổi hình ảnh sang code HTML bằng PHP rồi. Tuy nhiên, cách này chỉ dùng chơi được thôi chứ áp dụng vào thực tế thì hoàn toàn không ổn, vì nó sử dụng quá nhiều tài nguyên (lặp dữ liệu quá nhiều).

Nguồn : Toidicode.com



Mật Khẩu Mặc Định Để Tải Template Hoặc Apps Nếu Có :
hungcoder.com Hoặc Smile92@

Related Posts

8 Comments

  1. Quảng cáo nhiều kinh khủng :v

    ReplyDelete
    Replies
    1. Hehe, quảng cáo nhiều mới kiếm thật nhiều xiền =)))

      Delete
  2. sao cảm thấy vào blog này nó u ám sao sao ấy :D

    ReplyDelete
    Replies
    1. Thế hả @@ vậy chắc để mình chuyển sang tem đơn giản khác :( nếu ông có tem nào đơn giản mà chuẩn seo thì send cho m` với :(

      Delete
  3. Sao m không thấy kq bạn? nhìn thấy mỗi hình ảnh bên tay trái thôi chứ ảnh kiểu html thì ko thấy ? vậy là sao bạn? :?

    ReplyDelete
  4. Dạo này ko thấy ra bài mới nhỉ :)

    ReplyDelete
  5. Thưa Sếp NIỆM với sếp HƯNG, dạo này HÙNG lu bu với công việc quá + đang tìm hiểu để viết code ẩn danh khi chia sẽ những bài quan trọng cho những ai mình muốn chia sẽ biết thôi, tóm lại là thế đó :D, hehe sẽ có bài đăng mới trong thời gian sớm nhất :D : ẩn danh => andanh.hungcoder.com :)

    ReplyDelete