Javascript 如何通过选择多个网格框来创建单个网格框，并将其连接起来？
我已经用HTML和JavaScript创建了10 x 10个可点击的小正方形，但是 我不知道如何通过鼠标按下事件选择多个小框并创建最终的单个结果框 所以我想问一下如何选择多个正方形，制作一个最终的盒子，并获得所选盒子的ID和最终盒子的线 单击的函数（evt）{ var e=evt.target； var dim=e.getBoundingClientRect（）； var x=evt.clientX-dim.left； 变量y=evt.clientY-dim.top； } document.createSvg=函数（标记名）{ var svgNS=”http://www.w3.org/2000/svg"; 返回此.createElements（svgNS，标记名）； }; var numberPerSide=20； 变量大小=10； var pixelsPerSide=1001； var grid=函数（数字版本、大小、像素版本、颜色）{ var svg=document.createSvg（“svg”）； setAttribute（“宽度”，pixelsPerSide）； setAttribute（“高度”，pixelsPerSide）； setAttribute（“viewBox”，[0,0，numberPerSide*size，numberPerSide*size].join（“”）； 对于（变量i=0；iJavascript 如何通过选择多个网格框来创建单个网格框，并将其连接起来？,javascript,html,svg,Javascript,Html,Svg,我已经用HTML和JavaScript创建了10 x 10个可点击的小正方形，但是 我不知道如何通过鼠标按下事件选择多个小框并创建最终的单个结果框 所以我想问一下如何选择多个正方形，制作一个最终的盒子，并获得所选盒子的ID和最终盒子的线 单击的函数（evt）{ var e=evt.target； var dim=e.getBoundingClientRect（）； var x=evt.clientX-dim.left； 变量y=evt.clientY-dim.top； } docum