Fabric.js เขียนโปรแกรมบน HTML5 Canvas

<h3>Fabric&period;js เขียนโปรแกรมบน HTML5 Canvas<&sol;h3&NewLine;&NewLine;<img src&equals;"https&colon;&sol;&sol;s3&period;amazonaws&period;com&sol;challengepost&sol;photos&sol;production&sol;challenge&lowbar;thumbnails&sol;000&sol;074&sol;038&sol;datas&sol;original&period;png&quest;1390837262" alt&equals;"html transfrom tool ยืด&comma;ย่อ&comma;ขยาย รูปด้วย html canvas" &sol;><&sol;p>&NewLine;<h4>HTML5 Canvas คืออะไร<&sol;h4>&NewLine;<p>HTML5 Canvas คือ หนึ่งในคุณสมบัติที่อยู่ใน html5 ซึ่งเป็นการเขียนโปรแกรมด้วยภาษา html เวอชั่นล่าสุด<br &sol;>&NewLine;การเขียนโปรแกรมใน html โดยใช้ canvas tag จะทำให้การพัฒนาเว็บไซต์สามารถใช้คำสั่งได้สูงขึ้น<br &sol;>&NewLine;แบบที่การเขียน html ทั่วไปไม่สามารถทำได้<br &sol;>&NewLine;<&excl;--more--><br &sol;>&NewLine;ในอดีต flash คือเครื่องมือในการทำ Application แบบ Interactive ที่ได้รับความนิยมมากที่สุด<br &sol;>&NewLine;แต่หลังจากแฟรชเริ่มจางลงและหยุดพัฒนาในที่สุด ด้วยเหตุผลหลายอย่างและเพราะ mobile device ไม่รองรับการทำงาน<br &sol;>&NewLine;การเขียนโปรแกรมบน html5 canvas จึงเป็นคำตอบที่ดีที่สุด สำหรับนักพัฒนา Web Application<br &sol;>&NewLine;และรูปแบบการเขียนโปรแกรมที่เข้ามาทดแทนในส่วนที่แฟรชเคยทำได้<&sol;p>&NewLine;<p>Fabric&period;js คือ javascript framework ที่ใช้คุณบัติของ html5 canvas ในการทำงาน<br &sol;>&NewLine;เป็นหนึ่งในอีกหลาย ๆ framework ที่ได้รับความนิยมในการนำมาพัฒนา frontend application<&sol;p>&NewLine;<p>จากที่ได้ทดสอบการใช้งาน fabric&period;js เป็น framework ใช้งานง่ายและเข้าใจได้ง่ายครับ<&sol;p>&NewLine;<blockquote><p><a title&equals;"html transform tool ยืด&comma; ย่อ&comma; ขยาย รูปด้วย html canvas" href&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;source&sol;transform&lowbar;tool&sol;&num;" target&equals;"&lowbar;blank">ตัวอย่างการเขียน HTML5 Canvas ด้วย Fabric&period;js คลิก&ZeroWidthSpace; &excl;<&sol;a><&sol;p><&sol;blockquote>&NewLine;<p>ดูตัวอย่างเพิ่มเติม Link &colon; <a href&equals;"http&colon;&sol;&sol;fabricjs&period;com&sol;demos&sol;" target&equals;"&lowbar;blank">http&colon;&sol;&sol;fabricjs&period;com&sol;demos&sol;<&sol;a><&sol;p>&NewLine;