Question

我尝试使用HTML5 Canvas标签，直到现在我设法做我想要的。但现在我试图隐藏淡入Canvas元素（上下文）。重新发送的错误为context.fadeOut is not a function。

在此查看我的草稿： http://jsfiddle.net/t46Ze/4/

感谢您的帮助。

编辑＆gt; 我最初想要的是：http://jsfiddle.net/t46Ze/15/

编辑＆gt; 这里的安德鲁主张：http://jsfiddle.net/t46Ze/16/（带评论）

Answer 1

您试图淡出画布的2D上下文，而不是画布元素本身。相反淡出元素本身。

Answer 2

$(canvas).fadeOut代替context.fadeOut

Answer 3

您可以完全按照自己的方式进行绘制，但相反，

http://jsfiddle.net/t46Ze/15/

Answer 4

您可能想尝试使用jQuery。

<html>
<head>
    <!-- Path to your jQuery core js library or you can use one from Google.
    <script type="text/javascript" src="jquery.min.js" />
    <!-- Path to your jQuery UI js library or you can use one from Google.
    <script type="text/javascript" src="jquery-ui.min.js" />

</head>
<body>
   <canvas id="myCanvas" ..>..</canvas>
</body>
</html>

当你想淡出时，只需致电：

$("#myCanvas").fadeOut(2500); // 2 seconds and a half, for example

还有其他“效果”如：

$("#myCanvas").slideUp(1500); // 1 and a half seconds, for example

Answer 5

我在画布中尝试了以下代码

<canvas id="newCanvas" style="display: none"></canvas>

隐藏HTML5 Canvas元素

5 个答案: