10/10/2018, 11:07
[Fun trick] Javascript có thể tạo ảnh không? Thử rồi biết!
Hi,
Mọi người download cái file này về, sau đó đổi tên từ tiger.x thành tiger.html [để có thể mở được trên trình duyệt], sau đó chờ 1 tí, vì file tới 1.5 MB nên sẽ load tầm 10->20s. Xong thì điều ngạc nhiên sẽ xuất hiện .
Link: http://dl.dropbox.com/u/10790285/Projects/tiger.x
[x]
Mọi người download cái file này về, sau đó đổi tên từ tiger.x thành tiger.html [để có thể mở được trên trình duyệt], sau đó chờ 1 tí, vì file tới 1.5 MB nên sẽ load tầm 10->20s. Xong thì điều ngạc nhiên sẽ xuất hiện .
Link: http://dl.dropbox.com/u/10790285/Projects/tiger.x
[x]
Bài liên quan
Đây là screen shot:
Do nó phải xử lý rất nhiều thông tin để ra được bức hình này nên máy yếu phải chờ tầm 10 -> 20s. Máy mạnh thì vô tư xD!
[x]
[x]
[x]
Thực ra người viết cái này họ, dùng server để đọc từng pixel của ảnh tại server sau đó chuyển màu của pixel này sang dạng số Hex, những số Hex này được cài vào cho đoạn javascript ở HeadTag rồi trả về cho Browser. Nhiệm vụ của đoạn javascript ở HeadTag này là sản sinh span tag có dimension là 1x1, và cài màu tương ứng cho nó, một chút CSS và DOM technique người viết chương trình này đã sắp xếp các span tag này lại gần nhau để chúng có thể tao ra ảnh.
Lý do ta chờ lâu là do javascript phải thực hiện tạo DOM spantag và sắp xếp position cho chúng.