Tuesday, March 6, 2012

Canvas กับเทคนิคการแสดงผลรูปภาพใน HTML5

�����ผมเคยแนะนำบทความเกี่ยวกับ HTML5 มาแล้วก่อนหน้านี้ เป็นอีกหนึ่งบทความที่เขียนเกี่ยวกับฟังก์ชัน Canvas ที่มากับ HTML 5 การแสดงผลรูปภาพ ณ ที่นี้ผมจะปรับใหม่มันแสดงผลรูปแบบเป็นแบบ Noise ใครเคยใช้ Photoshop คงจะรู้จักกับฟังก์ชันนี้ดีครับ ฟังก์ชันนี้อาจจะตรงข้ามกับการปรับแต่งใน Photoshop อยู่เพราะคำสั่ง Noise ใน Photoshop นั้นจะทำการลบจุดรบกวน ที่มีลักษณะจุดที่เกิดขึ้นในภาพ แต่ฟังก์ชัน Noise ใน HTML5 ที่มาเอามาเล่านี้คือทำให้รูปภาพเป็น Noise หรือจุดรบกวน จะมีลักษณะจุดที่เกิดขึ้นในภาพนั่นเองครับ ผมเอาแค่โค้ดตัวอย่าง HTML5 มาให้ดูเท่านั้นนะครับ ดังนั้นถ้าอยากจะลงลึกต้องศึกษาแต่ละฟังก์ชันเอาเอง ตัวอย่างรูปภาพที่ยังไม่ได้ทำการ optimize เอารูปไปวางที่ตำแหน่งไฟล์ canvas.htm โค้ด HTML5 แล้วตั้งชื่อเป็น canvas.htm อาจจะเอาไปวางที่ www ของ localhost 1 2 3 4 5 6 7 8 [...]  See More..

บทความที่ได้รับความนิยม