Скрыть HTML5-элемент Canvas - PullRequest
Новая
       7

Скрыть HTML5-элемент Canvas

2 голосов
/ 06 декабря 2011

Я пытаюсь использовать тег HTML5 Canvas, до сих пор мне удавалось делать то, что я хотел.Но сейчас я пытаюсь скрыть в fade элемент Canvas (контекст).Возврат ошибки: context.fadeOut is not a function.

См. Мой черновик здесь: http://jsfiddle.net/t46Ze/4/

Спасибо за вашу помощь.

РЕДАКТИРОВАТЬ> Вот мой начальный запрос: http://jsfiddle.net/t46Ze/15/

РЕДАКТИРОВАТЬ> Вот предложение Эндрю: http://jsfiddle.net/t46Ze/16/ (с комментариями)

Ответы [ 5 ]

4 голосов
/ 06 декабря 2011

Вы пытаетесь затемнить 2D-контекст холста, а не сам элемент canvas.Вместо этого затухает сам элемент.

3 голосов
/ 06 декабря 2011

До $(canvas).fadeOut вместо context.fadeOut

2 голосов
/ 06 декабря 2011

Вы можете просто сделать то, что вы делаете, чтобы нарисовать его, но в обратном порядке,

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

0 голосов
/ 18 июня 2013

Я попробовал приведенный ниже код на холсте 

<canvas id="newCanvas" style="display: none"></canvas>
0 голосов
/ 06 декабря 2011

Вы можете попробовать это с 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
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...