Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript-从光标后面的一个点画一条线_Javascript_Css_Html_Animation - Fatal编程技术网

javascript-从光标后面的一个点画一条线

javascript-从光标后面的一个点画一条线,javascript,css,html,animation,Javascript,Css,Html,Animation,我想画一条1px宽的线,点A在给定的div中,点B在用户的光标中,所以当我移动鼠标时,线也在移动。请给我一些想法、库等等。正如@Amit Mankotia所说的,使用这个函数来解决一个非常类似的堆栈溢出问题。您有两个选择: 使用jQuery和事件对象使用的代码 使用来自Khan Academy的代码处理JS 如果您选择了第二个选项 复制并粘贴代码。 拿出笑脸代码,它在这里注释了你的脸 使用以下代码 : 现在,将40,50更改为您想要的x 40和y 50的任何数字。 您可以在这里找到我的衍生产品:

我想画一条1px宽的线,点A在给定的div中,点B在用户的光标中,所以当我移动鼠标时,线也在移动。请给我一些想法、库等等。

正如@Amit Mankotia所说的,使用这个函数来解决一个非常类似的堆栈溢出问题。您有两个选择:

使用jQuery和事件对象使用的代码 使用来自Khan Academy的代码处理JS 如果您选择了第二个选项

复制并粘贴代码。 拿出笑脸代码,它在这里注释了你的脸 使用以下代码 :

现在,将40,50更改为您想要的x 40和y 50的任何数字。 您可以在这里找到我的衍生产品:

看看这是否能帮助您,
size(400, 400); 
frameRate(30);
// ProgramCodeGoesHere
var draw = function() {
   background(255, 125, 60)
   strokeWeight(1);
   stroke(0, 0, 0);
   line(mouseX, mouseY, 40, 50)
}