Question

我正在为我的工程公司制作一个基本网站，并希望包含一个完整的十字线像光标。有没有办法在我的网站中包含这个？以下是此光标的示例:(由于缺乏声誉，我无法在帖子中包含图片。）http://imagebin.ca/v/2GSxt6zx57A5

我希望这可以在页面周围代替普通光标。我可以使用javascript或CSS，如果它需要这样做。谢谢！

Answer 1

我的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>

交叉头发光标HTML

1 个答案: