.cur ファイルがあり、マウスがキャンバス上にあるときにそのカーソルを使用したい (Google Chrome を使用している)
<body>
<canvas id="canvas" width="600" height="405" style="position:relative; background: black;" onclick="newBall()">
</canvas>
</body>
.cur ファイルがあり、マウスがキャンバス上にあるときにそのカーソルを使用したい (Google Chrome を使用している)
<body>
<canvas id="canvas" width="600" height="405" style="position:relative; background: black;" onclick="newBall()">
</canvas>
</body>
CSSの使用:
canvas {
cursor: url(myCursor.cur), default;
}
またはインライン:
style="cursor:url(myCursor.cur), default;"
完全なコード:
<body>
<canvas id="canvas"
width="600"
height="405"
style="position:relative;
background:black;
cursor: url(myCursor.cur), default;"
onclick="newBall()">
</canvas>
</body>
#canvas {
cursor: url(images/cursor.png), auto;
}