Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ความแตกต่างระหว่าง Group และ Layer ใน KineticJS กับ HTML


เมื่อสร้างเว็บแอป HTML5 ด้วย KineticJS การจัดกลุ่ม (grouping) และเลเยอร์ (layering) ต้องใช้ร่วมกัน

Groups คือ containers (ถังบรรจุ) ในขณะที่ Layers คือ separators (ตัวคั่น)

Group เป็น container ที่มีวัตถุรูปทรงอยู่ภายใน layers เช่น group อาจมีทั้งวงกลมและสี่เหลี่ยม หากจัดการ group แล้ว องค์ประกอบภายใน group นั้นก็จัดการตามไปด้วย เช่น หากลาก group แล้ว องค์ประกอบของมันก็จะถูกลากไปด้วย

อย่างไรก็ตาม Layers แยกองค์ประกอบ Canvas ที่อยู่ซ้อนกัน คล้ายกับเลเยอร์ใน Photoshop และ Illustrator หลายเลเยอร์มองเห็นพร้อมกันได้

Layers ใช้แยกสิ่งหนึ่งจากอีกสิ่งหนึ่ง เช่น background layer แยกจาก animation layer