隐藏 HTML5 Canvas 元素
我尝试使用 HTML5 Canvas 标签,直到现在我才成功做到了我想要的。但现在我试图隐藏 Canvas 元素(上下文)。返回的错误是context.fadeOut is not a function
。
请在此处查看我的草稿:http://jsfiddle.net/t46Ze/4/
感谢您的帮助。
编辑>这是我最初想要的:http://jsfiddle.net/ t46Ze/15/
编辑>这是安德鲁的提议:http://jsfiddle.net/t46Ze/16/(带评论)
I try to use the HTML5 Canvas tag, until now I managed to do what I wanted. But now I'm trying to hide in fade a Canvas element (context). The retunred error is context.fadeOut is not a function
.
See my draft here: http://jsfiddle.net/t46Ze/4/
Thanks for your help.
EDIT > Here my initial wanted : http://jsfiddle.net/t46Ze/15/
EDIT > Here the Andrew proposition : http://jsfiddle.net/t46Ze/16/ (with comments)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
您正在尝试淡出画布的 2D 上下文,而不是画布元素本身。相反,淡出元素本身。
You're trying to fade out the 2D context of the canvas, not the canvas element itself. Fade out the element itself instead.
使用
$(canvas).fadeOut
而不是context.fadeOut
Do
$(canvas).fadeOut
instead ofcontext.fadeOut
您可以完全按照您所做的操作来绘制它,但相反,
http://jsfiddle.net/t46Ze/ 15/
You can just do exactly what you do to draw it, but in reverse,
http://jsfiddle.net/t46Ze/15/
您可能想尝试使用 jQuery。
当你想淡出它时,只需调用:
还有其他“效果”,例如:
You may want to try it with jQuery.
And when you want to fade it out, just call:
There are also other "effects" like:
我在画布中尝试了以下代码
I tried the below code in the canvas