✎ปากกา
กดเมาส์ค้างแล้วลากเพื่อวาดเส้นอิสระ ปล่อยเมาส์เพื่อจบเส้น เหมาะสำหรับเขียนป้ายกำกับ ระบายสี หรือเน้นจุดสำคัญ
／เส้นตรง
คลิกจุดที่ 1 (จุดเริ่มต้น) แล้วคลิกจุดที่ 2 (จุดปลาย) — จะได้เส้นตรงเชื่อมสองจุด
◯วงกลม
คลิก จุดศูนย์กลาง — วงเวียนเสมือนจะปรากฏ เข็มปักลงที่จุดนี้ เลื่อนเมาส์เพื่อกำหนดรัศมี — คลิกอีกครั้งเพื่อยืนยันวงกลม
⌒วงเวียน (ส่วนโค้ง)
- คลิกที่ 1 — จุดศูนย์กลาง วงเวียนเสมือนจะปรากฏ เข็มปักลงที่จุดนี้
- คลิกที่ 2 — จุดเริ่มต้นของส่วนโค้ง ดินสอของวงเวียนจะล็อกที่นี่ (ระยะนี้คือรัศมี)
- เลื่อนเมาส์เพื่อหมุนวงเวียน — ดินสอจะกวาดส่วนโค้งให้อัตโนมัติ — คลิกที่ 3 เพื่อยืนยันจุดปลาย
เหมาะสำหรับสาธิต การแบ่งครึ่งส่วนของเส้น, การแบ่งครึ่งมุม, การสร้างเส้นตั้งฉาก, การสร้างมุม 60° / 30° / 45° และการสร้างรูปเรขาคณิตทั่วไปที่ใช้วงเวียน
⌫ยางลบ — มี ๒ แบบ
ยางลบ (วงสีแดง) — คลิกหรือลากบนรูปที่ต้องการลบ → รูปที่อยู่ใต้เคอร์เซอร์จะถูกลบทั้งชิ้น
ลบบางส่วน (วงสีฟ้า) — ลากผ่านรูปเพื่อลบเฉพาะส่วนที่สัมผัส:
- ปากกา / pencil → ตัดเส้นเป็นชิ้น ๆ ที่ขอบรัศมียางลบพอดี
- ส่วนของเส้น / รังสี / เส้นตรง → ตัดเป็น ๒ ชิ้น เก็บลูกศร/จุดทึบของเดิมไว้ทุกชิ้น
- วงกลม / ส่วนโค้ง / วงรี / หลายเหลี่ยม → กลายเป็นเส้นโค้งเปิด แต่ จุดศูนย์กลางยังเก็บไว้
ขนาดยางลบ — เลือกได้ ๓ ขนาด (เล็ก / กลาง / ใหญ่) จากแถบเครื่องมือเมื่อกดยางลบใดยางลบหนึ่ง
ทั้ง ๒ แบบกด Ctrl+Z เพื่อเรียกคืนได้
🌓ธีม สว่าง / มืด
เปิดเมนู เพิ่มเติม (⋯) มุมขวาบน แล้วกด ธีมมืด / สว่าง เพื่อสลับโหมด สว่าง (Light) และ มืด (Dark) · ระบบจะจำการตั้งค่าครั้งล่าสุดไว้ · ในโหมดมืด เส้นที่วาดด้วยสีดำเริ่มต้นจะเปลี่ยนเป็นสีครีมอ่อนอัตโนมัติเพื่อให้มองเห็นบนพื้นมืดได้ชัด · เส้นสีอื่น ๆ คงสีเดิม
✦วงเวียนเสมือน — ขนาดคงที่เหมือนของจริง
วงเวียนแสดงตลอดเวลา มีจุดจับ 5 จุดเหมือนวงเวียนจริง:
- ที่จับด้านบน (ลูกบอลดำ) หรือ เข็ม (ปลายซ้าย) — ลากเพื่อย้ายวงเวียนทั้งตัว รัศมีคงเดิม
- ที่จับหมุน (ลูกกลมสีทอง ↻ ข้างที่จับด้านบน) — ลากเพื่อหมุนวงเวียนรอบจุดเข็ม (เข็มเป็นจุดตรึง — ดินสอวงเวียนรอบ) · คลิก (ไม่ลาก) เพื่อพลิก ตัวบานพับไปอีกฝั่ง
- เกลียวกลาง (วงล้อ) — คลิกเพื่อสลับล็อก/ปลดล็อกรัศมี สีทอง = ล็อก ✦ สีเงิน = ปลดล็อก ↔
- ปลายดินสอ (ปลายขวา) — เปลี่ยนพฤติกรรมตามสถานะเกลียว:
- 🔒 ล็อก (สีทอง) — คลิกค้างแล้วลากกวาด = วาดส่วนโค้งทันที รัศมีคงเดิม ปล่อยเมาส์เพื่อจบ
- 🔓 ปลดล็อก (สีเงิน) — ลากเพื่อปรับรัศมี (กางวงเวียน) ไม่วาด
ขั้นตอนใช้งานตามวิธีจริง:
1) คลิกเกลียวกลาง เพื่อ ปลดล็อก (สีเงิน) → ลากปลายดินสอ ตั้งรัศมีตามต้องการ
2) คลิกเกลียวกลาง อีกครั้งเพื่อ ล็อก (สีทอง) — รัศมีจะคงที่
3) ลากเข็ม/ที่จับ ไปวางจุดศูนย์กลาง · ใช้ ที่จับหมุนสีทอง เพื่อหมุน หรือคลิกเพื่อพลิกตามต้องการ
4) คลิกค้างที่ปลายดินสอ ลากกวาด แล้วปล่อย — ส่วนโค้งถูกวาดทันที
5) ย้ายเข็มไปจุดถัดไปแล้วลากกวาดอีก — รัศมียังเท่าเดิม
⌒วงเวียน (ส่วนโค้งแบบคลิก 3 จุด)
หรือใช้เครื่องมือ วงเวียน ในแถบด้านซ้าย เพื่อใช้แบบ 3 คลิก: ศูนย์กลาง → จุดเริ่มต้น → จุดปลาย — เหมาะสำหรับวาดที่ต้องการแม่นยำที่จุด
▭ไม้บรรทัด
กดปุ่ม ไม้บรรทัด หรือกด R เพื่อแสดง/ซ่อน · ลาก ตัวไม้บรรทัด เพื่อย้าย · ลาก หูจับ สีทองที่ปลายขวาเพื่อหมุน · มีสเกล cm พร้อมแบ่งครึ่ง cm และ mm
⌒ครึ่งวงกลม / ไม้โปรแทรกเตอร์
กดปุ่ม ครึ่งวงกลม หรือกด T เพื่อแสดง/ซ่อน · ลาก ตัวไม้โปร เพื่อย้าย · ลาก หูจับ สีทองที่ปลายขวาเพื่อหมุน · มีสเกล 0°-180° แบ่งทุก 1° พร้อมเลขกำกับทุก 30°
⋯ลักษณะเส้น
เลือก เส้นทึบ สำหรับเส้นหลัก/ผลลัพธ์ หรือ เส้นประ สำหรับเส้นช่วย-เส้นสร้าง (construction lines) ตามธรรมเนียมเรขาคณิต — ใช้ได้กับทุกเครื่องมือ (ปากกา · เส้นตรง · วงกลม · วงเวียน)
◎จุดยึด (Snap)
เปิด/ปิดด้วยปุ่ม จุดยึด หรือกด ; · เมื่อปลายเครื่องมือเข้าใกล้จุดสำคัญ ระบบจะแสดงสัญลักษณ์และยึดให้อัตโนมัติ:
- ✕ แดง = จุดตัด ของเส้น/วงกลม/ส่วนโค้ง (ลำดับสำคัญที่สุด)
- ◻ น้ำเงิน = จุดปลาย ของเส้นตรง/ส่วนโค้ง
- ○ เขียว = จุดศูนย์กลาง ของวงกลม/ส่วนโค้ง
ทำให้สร้างเรขาคณิตได้แม่นยำ — เช่น แบ่งครึ่งมุม จะลากเส้นจากจุดตัดของส่วนโค้งสองเส้นได้พอดี · เข็มวงเวียน ก็ยึดจุดได้เมื่อย้ายตำแหน่ง
⛶เต็มจอ (Fullscreen)
กดปุ่ม เต็มจอ หรือกด \ เพื่อสลับโหมดเต็มจอ — เหมาะสำหรับสาธิตหน้าจอใหญ่/ทีวีในห้องเรียน เพื่อได้พื้นที่วาดเต็มที่ ไม่มีแถบเบราว์เซอร์
🔍ย่อ-ขยาย-เลื่อน (Pan + Zoom)
- iPad/แท็บเล็ต: ใช้ สองนิ้ว หุบ-กางเพื่อย่อ/ขยาย · ลากสองนิ้วเพื่อเลื่อนกระดาษ
- คอมพิวเตอร์: เลื่อนล้อเมาส์ (scroll wheel) เพื่อย่อ/ขยายตามตำแหน่งเคอร์เซอร์ · กด Ctrl+ล้อเมาส์ เพื่อย่อ/ขยายแบบละเอียด
- ปุ่ม + − มุมขวาล่าง — กดเพื่อย่อ/ขยายทีละขั้น · กด ปุ่มสี่เหลี่ยม เพื่อกลับมุมมอง 100%
- คีย์ลัด: +/= ขยาย · − ย่อ · 0 รีเซ็ต 100%
📱การใช้บน iPad / แท็บเล็ต
รองรับทั้งนิ้วและ Apple Pencil · จุดจับวงเวียนถูกขยายให้แตะง่าย · หากเครื่องมือ "ติด" เข็ม/ปากกา (ไม่ปล่อยเมื่อยกนิ้วขึ้น) ให้แตะปุ่ม ปลดล็อก สีแดงด้านล่างจอ — ปุ่มนี้จะปรากฏเฉพาะตอนวงเวียนกำลังลาก
🛡️กันมือสัมผัส (Palm Rejection)
เมื่อใช้ Apple Pencil บน iPad ระบบจะ ปฏิเสธการสัมผัสด้วยนิ้ว/มือ โดยอัตโนมัติเป็นเวลา 800 ms หลังการสัมผัสด้วยปากกา — ป้องกันเส้น/จุดจรที่เกิดจากมือพิงจอ
หากต้องการกันให้สมบูรณ์ ให้กดปุ่ม เฉพาะปากกา ในแถบด้านซ้าย — ระบบจะรับเฉพาะ Apple Pencil เท่านั้น (นิ้วยังใช้ pinch zoom และเลื่อนกระดาษได้)
✍️น้ำหนักปากกา (Pressure Sensitivity)
เมื่อเปิดปุ่ม น้ำหนัก และใช้ Apple Pencil — เส้นจะหนาตามแรงกด เริ่มเรียวจางและหนาขึ้นเมื่อกดแรง ใช้สำหรับเขียนตรวจการบ้านหรือเน้นข้อความ
〰️ลื่นมือ (Stroke Stabilizer)
สไลเดอร์ ลื่นมือ ปรับระดับ 0-5 ใช้สำหรับครูที่มือสั่นหรือต้องการเส้นเรียบสวย ระดับ 0 = ดิบเหมือนมือเขียน · ระดับ 5 = ลื่นที่สุด
🎯เดารูป (Hold-to-Confirm Shape Recognition)
ลากเส้นปาก ๆ ด้วยปากกา แล้ว ค้างปลายปากกาไว้นิ่ง ๆ ประมาณ 0.6 วินาที โดยไม่ยกขึ้น — ระบบจะแปลงเป็น เส้นตรง · วงกลม · ส่วนโค้ง ให้อัตโนมัติ (แบบ Linea ZipShapes)
ถ้าเขียนปกติแล้วยกมือขึ้นเลย จะคงเส้นเดิมไว้ ไม่แปลง · ปิด/เปิดด้วยปุ่ม เดารูป ในแถบด้านซ้าย · ใช้ Ctrl+Z ย้อนกลับเป็นเส้นเดิมได้เสมอ
▦ตารางพื้นหลัง (Grid)
กดปุ่ม ตาราง หรือ G หมุนตามลำดับ: ไม่มี → ตาราง 1 ซม. → ตารางละเอียด 0.5 ซม. → จุด → isometric (สามเหลี่ยมด้านเท่า) → โพลาร์ (วงกลมและรัศมี) → กากบาท (จุดตัดเฉพาะที่) — ใช้สำหรับสอนพิกัด, function plot, หรือ technical drawing
⊕เครื่องมือใหม่
- เลือก (S) — แตะรูปเพื่อเลือก · Shift+คลิก เพื่อเลือกหลายรูปทีละชิ้น · Ctrl+A เลือกทั้งหมด · ลากบนพื้นว่างเพื่อครอบเลือกหลายรูปทันที · Shift+ลากครอบเพื่อเพิ่มเข้า selection เดิม · ลากรูปที่เลือกเพื่อย้ายทั้งกลุ่ม · กด Delete หรือปุ่มแดงเพื่อลบ · บนคอมตั้งโต๊ะ คลิกขวาค้างแล้วลาก เพื่อเลื่อน canvas
- ย่อ/ขยายรูป — เมื่อเลือก รูปเดียว (เส้นตรง/วงกลม/ส่วนโค้ง/วงรี) จะเห็น จุดจับสีฟ้า ที่ปลายเส้น/รอบวงกลม — ลากเพื่อปรับขนาด พร้อมแสดงค่าใหม่ทันที
- เปลี่ยนสไตล์รูปที่เลือก — หลังเลือกรูปแล้ว กดปุ่ม สี / ความหนา / ลักษณะเส้น ในแถบเครื่องมือ ระบบจะเปลี่ยนสไตล์ของรูปที่เลือกทันที (รองรับหลายรูปพร้อมกัน) · กด Ctrl+Z ย้อนกลับได้
- ป้าย ABC (B) — แตะที่จุดใดก็ได้ → ขึ้นตัวอักษร A, B, C อัตโนมัติเรียงตามลำดับ · ใช้เครื่องมือเลือกย้ายตำแหน่งได้
- กล่องข้อความ (X) — แตะที่กระดาน → พิมพ์ข้อความได้อิสระ (รองรับหลายบรรทัด) · กด Esc หรือคลิกนอกกล่องเพื่อบันทึก · ดับเบิลคลิก ที่ข้อความเดิมเพื่อแก้ไข · ลากมุมขวาล่างของข้อความเพื่อปรับขนาด
- เส้น 3 แบบ — ส่วนของเส้น (L) จุดทึบทั้งสองข้าง · รังสี จุดทึบที่จุดเริ่มต้น + ลูกศรที่ปลาย (บอกทิศ) · เส้นตรง ลูกศรทั้งสองข้าง (บอกว่าทอดต่อไปได้) — ทั้ง 3 แบบลากตามความยาวที่ต้องการ
- หลายเหลี่ยม (Y) — แตะจุดต่อเนื่องเพื่อสร้างรูปหลายเหลี่ยม · แตะจุดแรกซ้ำเพื่อปิดรูป · กด Enter หรือดับเบิลคลิกเพื่อจบแบบเปิด · กด Esc เพื่อยกเลิก
- วัดอัตโนมัติ — เปิดปุ่มวัด แล้วเลือก เฉพาะเลือก เพื่อวัดเฉพาะวัตถุที่เลือก หรือปิดเพื่อวัดทั้งกระดาน · เลือก ความยาว สำหรับเส้น/รัศมี/ด้านของรูปหลายเหลี่ยม หรือ มุม สำหรับส่วนโค้ง/มุมรูปหลายเหลี่ยม/มุมระหว่างเส้น 2 เส้นที่เลือก
- ตรวจวัตถุ — เปิด inspector เพื่อดูความยาว/มุม/พื้นที่โดยประมาณ เปลี่ยนชื่อวัตถุ ล็อกไม่ให้แก้ ซ่อน/ล็อก layer และจัดวัตถุไปหน้า/หลัง
- เส้นช่วยสร้าง — เลือกส่วนของเส้นแล้วสร้าง จุดกึ่งกลาง หรือ เส้นตั้งฉากกลาง ได้ทันที · เลือกเส้น 2 เส้นแล้วใช้ แบ่งครึ่งมุม
- แชร์ — แตะปุ่มแชร์ → ขึ้น QR + ลิงก์ สแกนหรือคัดลอกส่งใน LINE · เปิดลิงก์ → เห็นงานเดียวกัน (เก็บใน URL ไม่ต้อง upload)
- ส่งออก SVG — ไฟล์ vector แก้ไขใน Inkscape/Illustrator ได้ · เหมาะกับใบงานที่ต้อง print คุณภาพสูง
- ใบงาน A4 — สร้างหน้าพิมพ์พร้อมช่องชื่อ/ชั้น/พื้นที่จดวิธีสร้าง โดยจับภาพเฉพาะวัตถุที่ layer มองเห็น
- ไฟล์โปรเจกต์ — ส่งออก/นำเข้าไฟล์
.tb1construct เพื่อเก็บงานพร้อม layer, lock, ชื่อวัตถุ และมุมมอง
- ติดตั้งเป็นแอป — บน iPad/Android กด "Add to Home Screen" → ใช้เหมือนแอปจริง · ทำงานได้แม้ไม่มีเน็ต (offline)
- เล่นซ้ำ — สาธิตขั้นตอนการสร้าง: รูปทุกชิ้นจะถูกวาดทีละขั้นแบบ animation พร้อมปุ่มหยุด/เล่นต่อ
- คลังงาน — บันทึกและโหลดงานเก่า เก็บใน iPad โดยตรง (localStorage) เปิดบทเรียนเก่าหรือแบบฝึกหัดได้รวดเร็ว
- PDF — เปิดหน้า preview พร้อมหัวกระดาษ (โรงเรียน · วันที่) เลือก "บันทึกเป็น PDF" จากกล่องพิมพ์
📏การวัดสด (Live Measurement)
ขณะลากเส้นตรง / กางวงเวียน / วาดวงกลม — ระบบจะแสดง ความยาวเป็นเซนติเมตร หรือ มุมเป็นองศา ลอยข้าง ๆ ปลายดินสอ — ครูสาธิตได้ทันทีว่า "ตอนนี้รัศมี 5 ซม." หรือ "มุม 60°"
💾บันทึกอัตโนมัติ
ระบบบันทึกงานปัจจุบันทุก 30 วินาที ลงใน iPad โดยตรง · ถ้า browser ปิดโดยไม่คาดคิด เปิดเข้ามาใหม่จะได้งานล่าสุดกลับมา · งานที่บันทึกถาวรให้ใช้ คลังงาน
⌨️คีย์ลัด (สรุป)
- S เลือก · P ปากกา · L ส่วนของเส้น · O วงกลม · A ส่วนโค้ง · E ยางลบ
- R ไม้บรรทัด · T ครึ่งวงกลม · B ป้าย · F พลิกวงเวียน · ; จุดยึด · G ตาราง · \ เต็มจอ
- +/= ขยาย · − ย่อ · 0 รีเซ็ต 100%
- Ctrl+Z ย้อน · Ctrl+Y ทำซ้ำ · Ctrl+S บันทึก PNG · Delete ลบที่เลือก · Esc ยกเลิก/ปิดคู่มือ
⌨คีย์ลัด
- P ปากกา · L ส่วนของเส้น · O วงกลม · A วงเวียน · E ยางลบ
- R ไม้บรรทัด · T ครึ่งวงกลม · F พลิกวงเวียน · ; เปิด/ปิดจุดยึด · G ตาราง · \ เต็มจอ
- +/= ขยาย · − ย่อ · 0 รีเซ็ตมุมมอง
- Esc ยกเลิก/ปิดคู่มือ
- Ctrl+Z ย้อนกลับ · Ctrl+Y หรือ Ctrl+Shift+Z ทำซ้ำ
- Ctrl+S บันทึก PNG · ? เปิดคู่มือ · Esc ยกเลิก/ปิด
✎Pencil
Press and drag to draw a freehand stroke. Release to finish. Useful for annotations, shading, or highlighting key features.
／Segment / Ray / Line
Click point 1 (start) and drag to point 2 (end) — three variants are available:
- Segment (L) — solid dots at both endpoints
- Ray — solid dot at the origin, arrow at the end (indicates direction)
- Line — arrows at both ends (indicates the line extends in both directions)
◯Circle
Click the center — the virtual compass appears with its needle on this point. Move the mouse to set the radius — click again to commit the circle.
⌒Compass (Arc)
- Click 1 — the center; the virtual compass appears with its needle here
- Click 2 — the start of the arc; the compass pencil locks at this distance (the radius)
- Move the mouse to rotate the compass — the pencil sweeps the arc automatically — click 3 to commit the endpoint
Ideal for demonstrating perpendicular bisectors, angle bisectors, perpendiculars, 60° / 30° / 45° angles, and other compass-based geometric constructions.
⌫Eraser — two modes
Eraser (red circle) — click or drag over a shape to delete the whole shape.
Partial Eraser (blue circle) — drag through a shape to delete only the touched portion:
- Pencil strokes → cut into pieces exactly at the eraser circle's edge
- Segment / Ray / Line → split into 2 pieces; arrows / dots are preserved on each piece
- Circle / Arc / Ellipse / Polygon → become open curves, but the center dot is preserved
Eraser size — three sizes (Small / Medium / Large) appear in the toolbar when an eraser tool is active.
Both modes support Ctrl+Z to undo.
🌓Light / Dark Theme
Open the More (⋯) menu at the top right and tap Dark / light theme to switch between Light and Dark modes — the choice is remembered. In dark mode, strokes drawn with the default near-black color are auto-remapped to a light blue-white tone so existing drawings stay visible. Other colors keep their hue.
✦Virtual Compass — fixed-size like a real compass
The compass is always visible with 5 grab points just like a physical compass:
- Top handle (black ball) or needle (left tip) — drag to move the entire compass; the radius stays
- Rotate handle (gold ball ↻ next to the top) — drag to rotate around the needle (needle stays fixed — pencil orbits) · click (no drag) to flip the hinge to the opposite side
- Center wheel — click to lock / unlock the radius; gold = locked ✦, silver = unlocked ↔
- Pencil tip (right tip) — behavior depends on the wheel state:
- 🔒 Locked (gold) — click and drag to sweep an arc at the fixed radius; release to finish
- ↔ Unlocked (silver) — drag to change the radius; the pencil position adjusts
▭Ruler
The ruler glides smoothly across the canvas; drag along its edge to draw straight lines aligned with the ruler. Press the rotation handle to spin it.
⌒Protractor
A semicircular protractor with degree markings 0°–180°. Drag onto the canvas to measure or copy angles.
⋯Stroke Style
Pick solid or dashed from the rail. Apply to new strokes, or select existing shapes and click a style to recolor them in place.
◎Snap to Points
When enabled (yellow), the cursor snaps to:
- Endpoints of segments / rays / lines
- Centers and 4 cardinal points (N/S/E/W) of circles
- Endpoints of arcs
- Polygon vertices
- Intersections of lines & circles (auto-detected at draw time)
⛶Fullscreen
Maximize the canvas for classroom demonstrations. Press \ or F11.
🔍Pan + Zoom
- Zoom: + / − buttons, or pinch on touchscreen, or Ctrl + scroll wheel
- Pan: with the Select tool, drag any empty area · or right-click drag with any tool · or two-finger drag on touchscreen
- 0 resets zoom to 100% and recenters
📱Using on iPad / Tablet
This tool is designed for stylus + touch input. Use Apple Pencil for precision drawing; pinch to zoom; two-finger drag to pan.
🛡️Palm Rejection (Pen-Only Mode)
Toggle Pen Only in the rail to ignore finger touches while drawing — only stylus / Apple Pencil events are accepted. Two-finger gestures (pinch / pan) still work.
✍️Pressure Sensitivity
With Apple Pencil or other pressure-sensing stylus, line width responds to how hard you press. Toggle off if you prefer a uniform stroke width.
〰️Stroke Stabilizer
Smooths shaky pencil strokes. Slider 0/5 (off) to 5/5 (heavy smoothing). Best for hand-drawn lines that need to look clean.
🎯Hold-to-Confirm Shape Recognition
With Predict on, draw a rough freehand circle / line / arc and hold still for 0.5 sec at the end — the system suggests a clean geometric shape and replaces your stroke with it.
▦Background Grid
Toggle on a square grid (1 cm) for layout reference. Helpful for measuring or aligning constructions.
⊕More tools
- Select (S) — tap a shape to select · Shift+click to add to selection · Ctrl+A select all · drag empty canvas to marquee-select immediately · Shift+marquee adds to the existing selection · drag selected objects to move them as a group · Delete or red button to delete · on desktop right-click drag pans the canvas
- Resize shapes — when a single shape (segment / circle / arc / ellipse) is selected, white handles appear at endpoints — drag to resize, with live measurement readout
- Restyle selected — after selecting, click color / width / style in the rail to apply to all selected shapes · undoable with Ctrl+Z
- Label (B) — tap any point → auto-letters A, B, C, ... appear in order · use Select to move them
- Text box (X) — tap on the canvas → type free text (multi-line OK) · Esc or click outside to save · double-click existing text to edit · drag the bottom-right corner to resize text
- Polygon (Y) — tap consecutive points · tap the first point again to close · Enter or double-click to finish open · Esc to cancel
- Auto-measure — turn Measure on, then use Selected to measure only selected objects or disable it to measure the full board · choose Length for segment/radius/polygon-side labels or Angle for arcs, polygon vertices, and the angle between two selected lines
- Inspector — view length/angle/area estimates, rename objects, lock edits, show/hide or lock layers, duplicate objects, and send selected objects front/back
- Construction helpers — select one segment for Midpoint or Perpendicular Bisector; select two lines for Angle Bisector
- Share — tap Share → get QR + link; scan or copy to send via LINE / messaging · the recipient sees the same drawing (encoded in the URL — no upload needed)
- Export SVG — vector file, editable in Inkscape / Illustrator · ideal for high-quality printable worksheets
- A4 Worksheet — creates a print page with name/class fields, note space, and only the currently visible layers
- Project file — export/import
.tb1construct files with layers, locks, object names, and view state
- Install as app — on iPad / Android, "Add to Home Screen" → use it like a native app · works offline
- Replay — animate the construction step by step with play / pause controls
- Gallery — save and load drawings locally (in your iPad's localStorage) · quickly reopen lessons or worksheets
- PDF — opens a print preview with header (school · date) · choose "Save as PDF" from the print dialog
📏Live Measurement
While dragging a segment / opening the compass / drawing a circle, the system shows the length in centimeters or angle in degrees floating next to the pencil tip — teachers can demonstrate "now the radius is 5 cm" or "the angle is 60°" instantly.
💾Auto-save
The current work is saved every 30 seconds to your iPad's localStorage. If the browser closes unexpectedly, your latest work returns when you reopen. For permanent storage, use Gallery.
⌨️Keyboard shortcuts (summary)
- S Select · P Pencil · L Segment · O Circle · A Arc · E Eraser
- R Ruler · T Protractor · B Label · X Text · Y Polygon
- G Grid · ; Snap · \ Fullscreen · +/−/0 Zoom
- Ctrl+Z Undo · Ctrl+Y or Ctrl+Shift+Z Redo
- Ctrl+S Save PNG · ? Open help · Esc Cancel / close
เครื่องมือสร้างรูปเรขาคณิต
โรงเรียนเทศบาล ๑ กิตติขจร