我目前正在使用我在网上找到的一段代码,用于绘制一组角度和长度的图表,我遇到的问题是即时构建数组。
运行正常的数组是
products.name style.name
sample1 style1
sample1 style2
sample1 style3
但我正在努力使用语法将信息插入到数组中以匹配此格式,这是我到目前为止所做的但是这会导致我错误,我不确定。
arr = [
{ angle: 0, h: 100 },
{ angle: 45, h: 100 },
{ angle: 90, h: 300 },
{ angle: 135, h: 100 },
{ angle: 180, h: 100 }
];
我们非常感谢任何建议,这里是从输入数组中绘制线条的代码。
for( var i = 1; i < 42;i++) {
arr[i].angle = document.getElementById("1m2mangle"+i).value;
arr[i].h = document.getElementById("1m2mlength"+i).value};
}
由于
- 修订功能 -
ctx.moveTo(pos.x, pos.y);
pos = getAngle(ctx, pos.x, pos.y, arr[i].angle, arr[i].h);
ctx.lineTo(pos.x, pos.y);
答案 0 :(得分:1)
这就是它如何用JS完成的:
for( var i = 1; i < 42;i++) {
arr.push({
angle: document.getElementById("1m2mangle"+i).value,
h: document.getElementById("1m2mlength"+i).value
});
}
我们基本上将一个新对象推送到数组的末尾,这就是你需要的结构。