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

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

ตัวอย่าง แทคที่ใช้

ตัวอย่าง : วาดรูปทรงลิ่ม

      var stage = new Kinetic.Stage({
        container: 'container',
        width: 578,
        height: 200
      });

      var layer = new Kinetic.Layer();

      var wedge = new Kinetic.Wedge({
        x: stage.getWidth() / 2,  // กำหนดแนวแกน x
        y: stage.getHeight() / 2, // กำหนดแนวแกน y
        radius: 70,               // กำหนดรัศมี
        angleDeg: 60,             // กำหนดมุม
        fill: 'red',              // ใส่สีพื้น
        stroke: 'black',          // กำหนดสีเส้น
        strokeWidth: 4,           // กำหนดขนาดเส้น
        rotationDeg: -120         
      });

      // add the shape to the layer
      layer.add(wedge);

      // add the layer to the stage
      stage.add(layer);

ผลลัพธ์ที่ได้คือ

About Nop

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.