gpt4 book ai didi

javascript - 十字光标 HTML

转载 作者:行者123 更新时间:2023-11-28 07:10:09 25 4
gpt4 key购买 nike

我正在为我的工程公司制作一个基本网站,并希望包括一个像光标一样的整页十字准线。有什么办法可以将其包含在我的网站中吗?这是此光标的示例:(由于缺乏声誉,我无法将图片包含在帖子中。)http://imagebin.ca/v/2GSxt6zx57A5

我希望它在页面周围跟随而不是普通光标。如果需要,我可以使用 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>

关于javascript - 十字光标 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32706339/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com