Html5 render นำไปใช้สำหรับ เว็บออกแบบเสื้อ ออกแบบ iphone

วันที่ลง : 10/04/2013 11:52:35   แชร์ :

Html5 render นำไปใช้สำหรับ เว็บออกแบบเสื้อ ออกแบบ iphone

พึ่งได้จับ Html5 แบบเต็มๆ ตัว รู้สึกมีอะไรให้เล่นที่ต่างจาก jQuery บางส่วน  พอดีลูกค้าจ้างให้ทำเว็บออกแบบ case iphone ได้ เลยสนุกสนานน่าดู
 
ระหว่างทำเจอ Html5 render เข้าไป รู้สึกสนุกกับตัวนี้เป็นส่วนตัว ชอบมันตรงการ render ภาพจากต้นฉบับแล้วนำมาแสดงด้วย Code ย้ำอีกครั้งว่ามันคือ ภาพ pixel ที่ประกอบจาก code นำมารวมกันจนเป็นภาพ ๆ หนึ่ง เหมือน mosiac
 
ผมว่าอันนี้เจ๋งดีนะ ถ้าเคยคลิ้กขวาที่รูป แล้วทำไมมันไม่มีให้ save image หรือ รู้สึกมันไม่ใช่ภาพพวก jpeg png ลอง view code ดู บางทีมันคือ code ที่สร้างภาพออกมา
 
ทำไมมันเจ๋ง
  1. โห สร้างภาพจาก code เลยนะ ผมว่ามันเท่อะ
  2. เมื่อสามารถ copy รูป แล้วใช้ code สร้างขึ้นมาได้  ศึกษาเชิงลึกเพื่อให้ render เฉพาะขอบของภาพ เหมือนทำ vector ได้นะ
  3. ถ้า render เฉพาะขอบได้ ก็เล่นอะไรได้อีกอย่าง จะเทสีลง ตัดสีขอบ เปลี่ยนสีเฉพาะจุด ทำได้หมดเลย 
ลองนึกง่ายๆ ถ้าทำการ render ภาพเดียวกัน 3 ครั้ง
ครั้งแรกเฉพาะขอบ เป็น layer 1
ครั้ง 2 เฉพาะปกเสื้อเป็น layer 2
ครั้ง 3 เฉพาะกระดุมเป็น layer 3
 
ทีนี้จะเปลี่ยนสีเฉพาะ layer ก็ง่ายแล้ว  นำไปประยุกต์ทำเว็บออกแบบเสื้อ ออกแบบ Iphone นามบัตร ล้อรถยังได้เลย 
 
ต่อยอด เอา div มาช่วย ทำสลับ forward backward กำหนดพื้นที่การทำงานไม่ให้เกินขอบเขต ทำ array เพื่อเก็บบันทึก x,y ตำแหน่งของ layer สร้าง new layer ได้เองเพื่อใส่ข้อความ ใส่ลายเสื้อ ใส่ภาพ พวกนี้ต้องบันทึกหมด 
 
ส่วนโค้ดหาเองเหมือนเดิม 
 
บางคนยังไม่รู้เลยว่าใช้อะไรทำอะไรได้บ้าง พอรู้ว่าใช้อะไรก็ต่อยอดได้เอง นี่ล่ะ concept ผม บอกว่าใช้อะไรทำอะไร ที่เหลือต้องลุยเอง 


บทความก่อนหน้า
ระบบ True money ถามกันจัง
บทความต่อไป
Bootstrap Grid show guideline ทำให้ bootstrap แสดงเส้นไกด์

บทความสงวนลิขสิทธิ์นะ กรุณาอย่า copy ไปแปะ มันไม่ดีต่อความรู้สึก
คุณสามารถเปิดหน้านี้ได้ง่ายๆ ไม่ต้องพิมพ์เอง ด้วยการใช้โปรแกรม QR Reader เพียงสแกนผ่านมือถือหรือ Tablet สแกนไปยัง QR Code

Google Search Ranking

ตรวจสอบอันดับเว็บใน Google เว็บคุณอยู่อันดับไหน ด้วย keywordที่กำหนด

ค้นจาก

Website

Keyword


PHP Captcha Pro 1.0


PHP Code captcha เวอร์ชั่น Pro สุ่มได้ภาษาอังกฤษ ไทย และตัวเลข เลือกสุ่มเฉพาะอย่างได้ สุ่มสีตัวอักษร สุ่มสี background กำหนดความกว้างสูงรูป กำหนดจำนวนตัวอักษรที่สุ่ม เปลี่ยน font ได้ สามารถ Refresh ภาพ โดยไม่ต้อง refresh ทั้งหน้า
จำหน่าย 300 บาท   ดูรายละเอียดเพิ่มเติม
ตัวอย่าง 1
ตัวอย่าง 2

Thaiquick.com

เว็บโฮสติ้ง 500 mb. เริ่มต้นปีละ 1,000 บาท วางกสท Direct admin ลง Linux Centos รองรับ PHP , Mysql บริหารโดยทีมงาน PHPThai.com   www.Thaiquick.com

Responsive Test

Responsive Test จำลองการทดสอบเปิด Web ขนาดหลายหน้าจอ PC กว้างไม่เท่ากัน เปิดบนมือถือหน้าตาอย่างไร ลองทดสอบดู







 
 

↑ Go top