如何'；调整大小'；还是让一个三角形在JavaScript中响应？

我是个新手，希望这是个简单的问题

在javascript中，如何相对于另一个形状调整/生成三角形

我实际上是在尝试制作一件“衬衫”，当我改变其中一个变量值时，它可以调整所有形状的大小

以下是我的工作内容：

/* // define variables
var clothingColor = color(30, 74, 10);
var shirtSize = 180;
var increase = 0;
var startX = 82;
var startY = startX + 28;


// draw it, using those variables
fill(clothingColor);


triangle(startX - 55, startX + 34, startX - 3, startX + 107, startX + 38, startX +    30);//left sleeve


triangle(startX + 230,startX + 34,startX + 185,startX + 107,startX + 147,startX + 30);//right sleeve

rect(startX - increase, startY - increase, shirtSize + increase * 2, shirtSize + increase * 2);//body

fill(255, 252, 252);
arc(startX +91,startX + 28, 111, -21, -190, 11);//collar */

---

当我更改衬衫尺寸/增加变量时，如何使三角形/圆弧的大小相等？

使startX值取决于衬衫尺寸值

startX = shirtSize/2.1;  // no specific calculation used  

---

khana站点正在检测文本/javascript文件中的更改并对此做出响应。它也运行自己的javascript。我开始改变衬衫尺寸，图形也改变了，但三角形没有改变，因为创建三角形的值都没有改变

尺寸是如何改变的？如果它是用户输入，您可以添加一个事件处理程序来重新绘制三角形/圆弧。现在我只更改我自己代码中的值-就像字面上更改我代码中的值一样。请参阅var shirtSize或var increase-如何仅通过更改其中一个值来调整三角形/圆弧的大小？是否希望三角形/圆弧动态更改？我没有完全理解你的目标。如果您正在更改代码-您可能正在刷新页面以查看更改-是否正确？如果这是真的，则由于页面刷新，三角形/圆弧将被迫重新绘制-适合测试，但不适合实际使用。不确定这是否会正确打开，但这正是我正在做的：