数学互动表格

时间:2018-06-08 03:58:09

标签: javascript css reactjs

背景
这是我的第一个数学和物理模拟迷你项目。我知道如何dispatch状态为Component,让他们自己改变。但我是可视化的新手,特别是Javascript

要求:
他们至少得到3分。 Firstlast时间线
2. numberOfBreakPoints根据form发生变化 3. maximumRuntime

在行反射中form

图片中的示例

picture

问题:
如何使用Javascript画一条如图所示的线?

2 个答案:

答案 0 :(得分:1)

请看看Canvas,它可以帮助你:)

这是w3schools.com文章:https://www.w3schools.com/graphics/canvas_drawing.asp

以下是一些示例代码



var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#191919";
ctx.fillRect(0,0,400,5);

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100">
Your browser does not support the canvas element.
</canvas>


</body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您可以使用antd npm模块的步骤组件轻松完成此操作。

您可以从此link

获取更多信息