如何解决如何在 HTLM5 中跟随光标/手指绘制一条动态线
我们正在制作教育材料,需要一款匹配的应用。 屏幕一侧有 5 个英语单词 + 另一侧有 5 盒西班牙语单词。 我们正在使用 HTML5 + CSS + javascript。 学生将用光标或手指从左侧框到右侧的正确翻译框画一条线。即:简单的匹配应用程序。 下面的代码绘制了一条特定的线,但我想创建一条跟随光标/手指的动态线。我想我需要 js 来检测框是否匹配。 在此先感谢您的帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Color Lines</title>
</head>
<body>
<canvas id="DemoCanvas" width="400" height="400"></canvas>
<script>
var canvas = document.getElementById('DemoCanvas');
if (canvas.getContext)
{
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(100,10);
context.lineTo(100,200);
context.lineWidth = 5;
// set line color
context.strokeStyle = '#808000';
context.stroke();
}
</script>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。