From 488f3f9d4c0baf48e1bcacf68319a0937d264e34 Mon Sep 17 00:00:00 2001 From: Matt Huntington Date: Tue, 13 Sep 2022 08:56:53 -0400 Subject: [PATCH] draw polygon --- app.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/app.js b/app.js index dcd80a2..037fdb3 100644 --- a/app.js +++ b/app.js @@ -15,3 +15,19 @@ d3.select('svg').selectAll('path') .append('path') .attr('fill', '#099') .attr('d', dAttributeFunction); + +const points = []; +d3.select('svg').on('click', (event)=>{ + points.push([event.x, event.y]) + const path = d3.path(); + path.moveTo(points[0][0], points[0][1]) + for(let i = 1; i < points.length; i++){ + path.lineTo(points[i][0], points[i][1]) + } + path.closePath() + d3.select('svg') + .append('path') + .attr('id', 'polygon') + .attr('fill', 'black') + .attr('d', path) +})