Fatal编程技术网

Javascript 十字光标HTML

javascript html css

Javascript 十字光标HTML,javascript,html,css,cursor,Javascript,Html,Css,Cursor,我正在为我的工程公司做一个基本的网站，并希望包括一个完整的页面十字光标一样的头发。有没有办法把它包括在我的网站上？这里有一个光标的例子：我不能在帖子中包含图片，因为缺乏声誉 我想让它跟随页面，而不是普通的光标。如果需要的话，我可以使用javascript或CSS。谢谢 我的HTML和Javascript技能有点生疏，但像这样的技能应该可以做到： <html> <head> <script> var canvas = document.getElementBy

我正在为我的工程公司做一个基本的网站，并希望包括一个完整的页面十字光标一样的头发。有没有办法把它包括在我的网站上？这里有一个光标的例子：我不能在帖子中包含图片，因为缺乏声誉

我想让它跟随页面，而不是普通的光标。如果需要的话，我可以使用javascript或CSS。谢谢

我的HTML和Javascript技能有点生疏，但像这样的技能应该可以做到：

<html>
<head>
<script>

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');

canvas.onmousemove = function (e)
{
    context.clearRect(0, 0, canvas.width, canvas.height);
    context.beginPath();

    context.moveTo(e.clientX,0);
    context.lineTo(e.clientX, canvas.height);
    context.stroke();

    context.moveTo(0, e.clientY);
    context.lineTo(canvas.width, e.clientY);
    context.stroke();
};

</script>
</head>
<body>
<canvas id="canvas" width="500" height="500" style="border:1px solid #d3d3d3; cursor : none">
</canvas>
</body>
</html>
只是一个空白的盒子啊，是的，可能需要一些调整，就像我说的，我有点生锈了。如果我今天有更多的时间，我将尝试为您制作一个工作版本。与此同时，你得自己摆弄它。是的。谢谢，如果你能抽出时间的话。我不擅长编码，所以我会有一些麻烦哈哈。谢谢这个解决方案对我来说很有效，尽管它需要一些调整：画布应该先清除，然后再看画布。{width，height}混淆了。如何擦除光标？