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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

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

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

Read More

KonvaJS คืออะไร

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

Read More