Archive for 2016

ขั้นตอนการติดตั้ง Ubuntu 16.04 LTS (Xenial Xerus)

ให้ทำการดาวโหลด Ubuntu 16.04 desktop edition ที่เป็นไฟล์ iso image ได้จาก http://www.ubuntu.com/download หลังจากโหลดมาแล้วให้ทำการเขียนลงแผ...

การสร้างรูปทรงครึ่งวงแหวนด้วย KonvaJS

Nop 8:07 PM Add Comment Edit

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

การสร้างรูปทรวงแหวนด้วย KonvaJS

Nop 8:07 PM Add Comment Edit

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

การสร้างลูกศรด้วย KonvaJS

Nop 8:06 PM Add Comment Edit

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

การสร้างรูปทรงดาวด้วย KonvaJS

Nop 8:05 PM Add Comment Edit

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

การสร้าข้อความแบบป้ายกำกับด้วย KonvaJS

Nop 9:41 PM Add Comment Edit

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

การสร้าข้อความแบบเส้นโค้งด้วย KonvaJS

Nop 9:39 PM Add Comment Edit

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

การสร้างข้อความด้วย KonvaJS

Nop 9:37 PM Add Comment Edit

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

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

Nop 10:44 PM Add Comment Edit

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

การวาด Grid ด้วย KonvaJS

Nop 10:43 PM Add Comment Edit

ต่อไปนี้เป็นตัวอย่างในการเอา KonvaJS ไปใช้งาน ซึ่งในตัวอย่างจะเป็นการวาดเส้นแบบ Grid ซึ่งผู้เขียนเคยเอาไปประยุกต์ใช้ในโปรเจคเก่าโดยใช้ Kinet...

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

Nop 10:33 PM Add Comment Edit

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

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

Nop 8:23 AM Add Comment Edit

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

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

Nop 8:20 AM Add Comment Edit

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

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

Nop 8:17 AM Add Comment Edit

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

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

Nop 9:50 PM Add Comment Edit

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

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

Nop 9:47 PM Add Comment Edit

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

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

Nop 9:46 PM Add Comment Edit

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

KonvaJS คืออะไร

Nop 9:40 PM Add Comment Edit

หมายเหตุ: KonvaJS โปรเจคเดิมชื่อ KineticJS เพราะฉะนั้นโครงสร้างและรูปแบบการใช้งานเหมือน KineticJS ครับ KonvaJS คือ HTML5 Canvas JavaScri...