2014 NTU IM prepConf 哞~有趣的圖文產生器

Transcript

1. ⛾`㤩碶䢤⤶㞧䝂䜿⢈ 5JQWMQ"067+/2TGR%QPH
2. About Me ໬ജೱ
   ജɿ
   ̨ɽ༟၍ӻ
   #
   ̨ɽක๕ٟ
   ਓٟڗ
   ጳሳ
   8FC
   4FDVSJUZ
   ၣ१
   IUUQTIPVLPUX
3. Early Web-based Image Generators
4. <?php // credits to http://www.mpgh.net/forum/showthread.php?t=368936 $ip = $_SERVER['REMOTE_ADDR']; $my_img = imagecreate( 250, 80 ); $background = imagecolorallocate( $my_img, 255, 255, 255 ); $text_colour = imagecolorallocate( $my_img, 78, 78, 78 ); $line_colour = imagecolorallocate( $my_img, 128, 255, 0 ); imagestring( $my_img, 4, 30, 25, "Your IP Is: $ip", $text_colour ); imagesetthickness ( $my_img, 7 ); imageline( $my_img, 30, 45, 220, 45, $line_colour ); header( "Content-type: image/png" ); imagepng( $my_img ); imagecolordeallocate( $line_color ); imagecolordeallocate( $text_color ); imagecolordeallocate( $background ); imagedestroy( $my_img ); https://gist.github.com/shouko/4e8087f1c559187b21f9 Generating image dynamically using PHP + GD
5. Recent Web-based Image Generators
6. How Did it Started
7. How Did it Started
8. How Did it Started
9. How Did it Started
10. How Did it Started
11. How to implement the generating process Advantages Disadvantages At Server Side ( PHP + GD ) Quality is consistent High cost for hosting website At Client Side ( HTML5 + JavaScript ) Low cost Might not have same result on different devices
12. Generating Image Dynamically at Server Side 我是⽜牛 我反芻
13. Generating Image Dynamically at Server Side 我是⽜牛 我反芻
14. Generating Image Dynamically at Server Side 我是⽜牛 我反芻
15. Generating Image Dynamically at Server Side
16. Generating Image Dynamically at Client Side 我是⽜牛 我反芻
17. Generating Image Dynamically at Client Side 我是⽜牛 我反芻
18. Generating Image Dynamically at Client Side 我是⽜牛 我反芻
20. Generating image dynamically using html2canvas
21. Generating image dynamically using html2canvas
22. Generating image dynamically using html2canvas
23. Generating image dynamically using html2canvas
24. Promotion, Maintenance and Review
25. Promotion, Maintenance and Review
26. Promotion, Maintenance and Review
27. Promotion, Maintenance and Review
28. Promotion, Maintenance and Review
29. Promotion, Maintenance and Review