背景
这是我的第一个数学和物理模拟迷你项目。我知道如何dispatch
状态为Component
,让他们自己改变。但我是可视化的新手,特别是Javascript
要求:
他们至少得到3分。 First
和last
时间线
2. numberOfBreakPoints
根据form
发生变化
3. maximumRuntime
form
图片中的示例
问题:
如何使用Javascript
画一条如图所示的线?
答案 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;
答案 1 :(得分:1)
您可以使用antd npm模块的步骤组件轻松完成此操作。
您可以从此link
获取更多信息