时间戳

首页 > 解决方案 > 数学互动表格

javascript - 数学互动表格

问题描述

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

要求：
1. 至少3分。First而last时间线
2.numberOfBreakPoints的form
_maximumRuntimeform

图片中的示例

图片

问题：
如何使用Javascript如图所示画一条线？

标签： javascriptcssreactjs

解决方案

请看一下 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>

推荐阅读