我嘗試使用HTML5 Canvas標記，直到現在我設法做到了我想要的。但現在我試圖隱藏一個Canvas元素（上下文）。重新調整的錯誤是context.fadeOut is not a function。隱藏HTML5 Canvas元素
見我這裏草案：http://jsfiddle.net/t46Ze/4/
感謝您的幫助。
編輯>這裏我最初想：http://jsfiddle.net/t46Ze/15/
編輯>這裏安德魯命題：http://jsfiddle.net/t46Ze/16/（含評論）
你可以只是做你正在做的事情，但相反，
做$(canvas).fadeOut代替context.fadeOut
我想淡出這個圓圈，而不是所有的畫布。 –
你試圖淡出畫布上，而不是canvas元素本身的2D背景。淡出元素本身。
我怎麼才能淡化這個圈子？ （不是所有的畫布） 我想要做的笏（保留bg畫布） –
@JackNUMBER **沒有圈子**。 （大聲呼喊）如果莫奈在他的畫布上畫了一個圓圈，並讓他「淡出」或「移動」，他會用他的調色板打你。改變畫布的唯一方法是擦除它並以較低的不透明度重新繪畫。 – Phrogz
查看劇本並翻閱測試文本。 –
你可能想用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
jQuery已經嵌入，jsfiddle管理它... –
我想在畫布下面的代碼
<canvas id="newCanvas" style="display: none"></canvas>
我想淡化這個圓圈，而不是所有的畫布。 –
@Jack看到我更新的小提琴 – Andrew
這很好。這就是我想要做的第一件事，但如果用戶離開畫布，他們是一個快速眨眼= /這就是爲什麼我想嘗試淡入淡出效果。 –