Question

我正在使用Javascript制作游戏，并使用html5 canvas元素作为Flash的替代品。我的问题是：是否有任何代码可以用来隐藏鼠标光标/指针，因为它在画布中传递？非常感谢帮助！

Answer 1

我认为你不需要Javascript，你可以使用CSS。为画布指定div id / class，然后在CSS模板中使用它：

* {cursor: none;}

Answer 2

您可以使用javascript来操作光标样式。代码：

<div id="canvas_div_no_cursor">
   <!-- canvas here -->
</div>
<script type="text/javascript">
  document.getElementById('canvas_div_no_cursor').style.cursor = "none";
</script>

Answer 3

最简单的方法（在现代浏览器上）是将光标设置为画布上的public void parseData(JSONArray array) { for (int i = 0; i < array.length(); i++) { College college = new College(); JSONObject json = null; try { json = array.getJSONObject(i); college.setImageUrl(json.getString(Config.TAG_IMAGE_URL)); String s = (json.getString(Config.TAG_NAME)); Toast.makeText(this, s, Toast.LENGTH_SHORT).show(); college.setName(s); } catch (JSONException e) { e.printStackTrace(); } listcollege.add(college); } adapter.notifyDataSetChanged(); }。

如果您的画布是用HTML创建的，请执行以下操作：

none

我赞成使用样式表，因为您希望保证游标值不会被覆盖。

如果您的画布是用JavaScript创建的，请执行：

<canvas id="canvas" style="cursor: none;"></canvas>

Answer 4

选择画布元素：

 canvas = document.getElementById("canvas");

获取上下文：

context = canvas.getContext("2d");

不设置：

context.strokeStyle = none;

在HTML5 Canvas Javascript中隐藏鼠标光标

4 个答案: