Fatal编程技术网

Javascript 隐藏HTML5画布元素

javascript html canvas

Javascript 隐藏HTML5画布元素,javascript,html,canvas,hide,Javascript,Html,Canvas,Hide,我试着使用HTML5画布标签，直到现在我都能做到我想要的。但现在我试图隐藏在淡入淡出的画布元素（上下文）。返回的错误是上下文。淡出不是一个函数 请参见我的草稿：http://jsfiddle.net/t46Ze/4/ 谢谢你的帮助 编辑>这里是我最初想要的： 编辑>这里是Andrew命题：（带注释）做$（画布）。淡出而不是上下文。淡出你只需做你画它所做的事，但反过来 您试图淡出画布的2D上下文，而不是画布元素本身。淡出元素本身。您可能想用jQuery试试 <html> <he

我试着使用HTML5画布标签，直到现在我都能做到我想要的。但现在我试图隐藏在淡入淡出的画布元素（上下文）。返回的错误是上下文。淡出不是一个函数

请参见我的草稿：http://jsfiddle.net/t46Ze/4/

谢谢你的帮助

编辑>这里是我最初想要的：

编辑>这里是Andrew命题：（带注释）

做
$（画布）。淡出
而不是
上下文。淡出
你只需做你画它所做的事，但反过来

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

您可能想用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>
还有其他“效果”，如：

我在画布上尝试了下面的代码

<canvas id="newCanvas" style="display: none"></canvas>
我想淡出圆圈，而不是整个画布。我想淡出圆圈，而不是整个画布。这很好。这是我想首先做的，但是如果用户离开画布，他们的眼睛会快速闪烁=/这就是我想尝试淡入淡出效果的原因。但是，如果你做一个快速进入和离开，效果会下降。可能是我的编码不好。@Jack easy fix，只有超过阈值时才更新中心，是的。很好，非常流畅。但是没有你之前的例子那么令人惊讶。。。不管怎样，我还是要留着它。多谢了，我怎么能只让圆圈褪色呢？（不是所有的画布）我想做什么（保持bg画布）@JackNUMBER没有圆圈。（大声强调）如果莫奈在画布上画了一个圆圈，你让他“淡出”或“移动”，他会用调色板打你。更改画布的唯一方法是擦除画布并以较低的不透明度再次绘制。查看脚本并滚动测试文本。
擦除画布并使用
再次绘制我忘记了这种方法。F*CKK jQuery自动化=P谢谢 
$("#myCanvas").slideUp(1500); // 1 and a half seconds, for example

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