@webwriter/geometry-cloze/src/snippets/polygon2.html

Create and view geometry exercises with coloring, styling and labeling options.

<ww-geometry-cloze
  elements='[{"_type":"element","id":22,"children":[{"_type":"point","id":1,"x":150,"y":150},{"_type":"line","id":3,"showLabel":true,"start":{"x":150,"y":150,"id":1},"end":{"x":600,"y":150,"id":2}},{"_type":"point","id":2,"x":600,"y":150},{"_type":"line","id":25,"showLabel":true,"labelColor":"#2563eb","labelStyle":"name","labelName":"b","start":{"x":600,"y":150,"id":2},"end":{"x":600,"y":250,"id":23}},{"_type":"point","id":23,"x":600,"y":250},{"_type":"line","id":26,"showLabel":true,"start":{"x":600,"y":250,"id":23},"end":{"x":400,"y":250,"id":4}},{"_type":"point","id":4,"x":400,"y":250},{"_type":"line","id":7,"showLabel":true,"start":{"x":400,"y":250,"id":4},"end":{"x":400,"y":400,"id":6}},{"_type":"point","id":6,"x":400,"y":400},{"_type":"line","id":33,"start":{"x":400,"y":400,"id":6},"end":{"x":500,"y":400,"id":31}},{"_type":"point","id":31,"x":500,"y":400},{"_type":"line","id":34,"showLabel":true,"start":{"x":500,"y":400,"id":31},"end":{"x":500,"y":550,"id":8}},{"_type":"point","id":8,"x":500,"y":550},{"_type":"line","id":29,"showLabel":true,"labelColor":"#2563eb","labelStyle":"name","labelName":"a","start":{"x":500,"y":550,"id":8},"end":{"x":150,"y":550,"id":27}},{"_type":"point","id":27,"x":150,"y":550},{"_type":"line","id":30,"showLabel":true,"start":{"x":150,"y":550,"id":27},"end":{"x":150,"y":150,"id":1}}],"closed":true},{"_type":"divider-line","id":60,"children":[{"_type":"point","id":58,"stroke":"transparent","fill":"#00000050","x":400,"y":250},{"_type":"point","id":59,"stroke":"transparent","fill":"#00000050","x":400,"y":150}],"stroke":"#00000050","dashed":true,"start":{"x":400,"y":250,"id":58},"end":{"x":400,"y":150,"id":59}},{"_type":"divider-line","id":63,"children":[{"_type":"point","id":61,"stroke":"transparent","fill":"#00000050","x":400,"y":400},{"_type":"point","id":62,"stroke":"transparent","fill":"#00000050","x":400,"y":550}],"stroke":"#00000050","dashed":true,"start":{"x":400,"y":400,"id":61},"end":{"x":400,"y":550,"id":62}}]'
  mode="select"
  snap
  showgrid></ww-geometry-cloze>