Archive for November 2014

การวาดไม้บรรทัดด้วย KineticJS

ช่วงนี้กำลังเขียนโปรแกรมโดยใช้ HTML5(canvas) ในการพัฒนาเครื่องมือวาดรูปทรงต่างๆ อยู่ครับ โดยตัว editor ตัวนี้มีหลายๆ feature ด้วยกันหนึ่งในน...

หมายเหตุ: KineticJS ไม่มีการ supportแล้ว ย้ายไปโครงการใหม่ชื่อ KonvaJS KineticJS คือ HTML5 Canvas JavaScript framework เป็น framework...

การสร้างข้อความ การสร้างข้อความใน HTML5 Canvas เราใช้เมธอด font และ fillText() ของ canvas context. การกำหนดค่าจำพวก ฟอนต์, ขนาด, หรือรูปแบบ...

การวาดรูป การวาดรูปภาพใน HTML5 Canvas เราจะใช้เมธอด drawImage(imageObj, x , y) ครับโดยมรา imageObj คือรูปที่จะมาวาด ส่วน x,y คือตำแหน่งของ...

การระบายสีแบบทั่วไป เพื่อที่จะเติมสีให้กับรูปทรงต่างๆใน HTML5 Canvas เราจะใช้เมธอด fillStyle โดยจะใช้เป็นข้อความระบุสี เช่น blue หรือใช้รู...

การวาดรูปทรงแบบ Custom การสร้างรูปทรงแบบ custom ด้วย HTML5 Canvas เราใช้การสร้างเส้นแบบ path จากนั้นปิดเส้นด้วยเมธอด closePath(). เราสามาร...

การวาดเส้นแบบ Path สำหรับการสร้างเส้นแบบ path ด้วย HTML5 Canvas เราจะใช้วิธีการเชื่อมเส้นหลายเส้นเข้าด้วยกันโดยที่จุดสิ้นสุดของแต่ละส้นจะกล...

การวาดเส้นโค้ง(Arc) ในการวาดเส้นโค้งใน HTML5 Canvas นั้นเราจะใช้เมธอด arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwi...

เพื่อที่จะวาดเส้นตรงใน HTML5 Canvas เราสามารถใช้เมธอดเหล่านี้คือ beginPath(), moveTo(), lineTo(), และ stroke() . โดยในตอนที่จะเริ่มวาดเส้นต...

Canvas element ใน HTML5 คือ แท็คตัวหนึ่งใน HTML คล้ายๆกับแท็คอื่นเช่น <br />, <div> , <a href=""/> ยกเว้นในเร...

การทำให้ตัวอักษรตัวแรกให้เป็นตัวใหญ่นั้นจะเกิดในกรณีของภาษาอังกฤษครับ ในกรณีของภาษาไทยนั้นไม่มี ซึ่งวิธีการก็มีหลายๆวิธี หลายแบบด้วยกันครับ ...

บ่อยครั้งที่เราเอาโคดตัวอย่างจากอินเตอร์เน็ตดาวน์โหลดมาศึกษา ซึ่งการที่จะดูโคดและผลลัพธ์ได้นั้นเราต้อง นำโปรเจคตัวอย่างหรือโปรเจคจริงๆที่เรา...

ตัว JAR (Java Archive) ไฟล์นั้นเป็นรูปแบบของการ ZIP ไฟล์เพื่อรวม Java classes ต่างๆให้รวมอยู่เป็นไฟล์เดียวกัน. ซึ่งใน Java นั้นมี JAR ไฟล์อย...