Archive for 2014

การวาดรูปภาพด้วย KineticJS

เพื่อที่จะสร้างรูปทรงหลายเหลี่ยมด้วย KineticJS นั้น เราจะใช้ Kinetic.Image()ครับ. ตัวอย่าง แทคที่ใช้ ตัวอย่าง : วาดรูปทรงหลายเหลี่ยม ...

การวาดรูปทรงหลายเหลี่ยมด้วย KineticJS

Nop 11:30 PM Add Comment Edit

เพื่อที่จะสร้างรูปทรงหลายเหลี่ยมด้วย KineticJS นั้น เราจะใช้ Kinetic.Polygon() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดู...

การวาดเส้นด้วย KineticJS

Nop 11:29 PM Add Comment Edit

เพื่อที่จะสร้างเส้นด้วย KineticJS นั้น เราจะใช้ Kinetic.Line() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดูได้จากที่นี่ครับ...

การวาดรูปทรงลิ่มด้วย KineticJS

Nop 11:28 PM Add Comment Edit

เพื่อที่จะสร้างรูปทรงลิ่มด้วย KineticJS นั้น เราจะใช้ Kinetic.Wedge() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดูได้จากที่...

การวาดรูปทรงวงรีด้วย KineticJS

Nop 9:35 PM Add Comment Edit

เพื่อที่จะสร้างรูปทรงวงรีด้วย KineticJS นั้น เราจะใช้ Kinetic.Ellipse() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดูได้จากท...

การวาดรูปทรงวงกลมด้วย KineticJS

Nop 1:02 PM Add Comment Edit

เพื่อที่จะสร้างรูปทรงวงกลมด้วย KineticJS นั้น เราจะใช้ Kinetic.Circle() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดูได้จากท...

การวาดรูปทรงสี่เหลี่ยมด้วย KineticJS

Nop 10:31 PM Add Comment Edit

เพื่อที่จะสร้างรูปทรงสี่เหลี่ยมด้วย KineticJS นั้น เราจะใช้ Kinetic.Rect() ครับ. สำหรับรายละเอียดวิธีการใช้แอตทริบิวต์และเมธอดสามารถดูได้จ...

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

Nop 1:35 PM Add Comment Edit

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

KineticJS คืออะไร

Nop 12:38 PM Add Comment Edit

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

การสร้างข้อความใน Canvas (HTML5)

Nop 5:38 PM Add Comment Edit

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

การวาดรูปภาพใน Canvas (HTML5)

Nop 2:02 PM Add Comment Edit

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

การระบายสีให้รูปทรงต่างๆใน Canvas (HTML5)

Nop 11:04 AM Add Comment Edit

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

การวาดรูปทรงต่างๆใน Canvas (HTML5)

Nop 1:13 AM Add Comment Edit

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

การวาดเส้นแบบ Path ใน Canvas (HTML5)

Nop 12:33 PM Add Comment Edit

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

การวาดเส้นโค้งใน Canvas (HTML5)

Nop 1:10 AM Add Comment Edit

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

การวาดเส้นตรงใน Canvas (HTML5)

Nop 5:38 PM Add Comment Edit

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

Canvas element ใน HTML5 คืออะไร

Nop 4:07 PM Add Comment Edit

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

การทำให้ตัวอักษรตัวแรกให้เป็นตัวใหญ่ใน javascript

Nop 11:10 PM Add Comment Edit

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

การ Import โปรเจคที่มีอยู่แล้วเข้ามาใน Eclipse

Nop 11:03 PM Add Comment Edit

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