2012-06-30 3 views
1

Я работаю над созданием игры с использованием HTML5, и в своей работе я обычно обновляю содержимое холста на основе onmouseover и onmouseout. на OnMouseOver я делаю чтоОбновление содержимого холста onmouseover и onmouseout

    cxt.beginPath(); 
        cxt.moveTo(10, 10); 
        cxt.lineTo(40, 40); 
        cxt.moveTo(40, 10); 
        cxt.lineTo(10, 40); 
        cxt.stroke(); 
        cxt.closePath(); 
        content[canvasNumber - 1] = 'Value'; 

теперь и на onmouseout случае я хочу, чтобы очистить содержимое этого холста не отменяя текущее содержание !!, как я могу это сделать?!

+0

Я не понимаю, что вы спрашиваете - вы хотите очистить контент без переопределения содержимого? – WonderfulDay

+0

точно! , я хочу установить холст в предыдущее состояние до события onmouseover –

ответ

3

Я думаю, что я знаю, что вы имеете в виду, но вы должны быть немного осторожны с вашим языком. Вы говорите:

без переопределения текущего содержания!

Но X вы только что нарисовали Текущее содержание! Я думаю, что вы действительно хотели сказать, «не очищая контент, который был там раньше».

Конечно, мы всегда будем стараться ответить на ваши вопросы, но, пожалуйста, очень старайтесь использовать точный и внимательный язык при их запросе. Возможно, английский не был вашим первым языком, и вы, вероятно, говорите его лучше, чем я говорю на своем втором языке, но даже если вы не уверены в словах, даже если вам нужно сказать одно и то же несколькими способами, стоит того, чтобы быть уверенным, что мы понимаем.

Спасибо! Теперь ответ.


Если вы хотите, чтобы очистить X не отменяя содержание, что там было раньше, вы должны сохранить содержимое, которое было там раньше.

Чтобы сохранить растровое изображение в холсте, мы можем использовать так называемый «холст в памяти» или «экранный холст». Вы делаете это по не используя document.createElement и никогда не добавлять их в DOM

Вот пример кода сохранения растрового изображения, когда mouseover происходит и восстановление, что растровое изображение, когда mouseout происходит:

http://jsfiddle.net/simonsarris/uRXeN/

+0

Спасибо большое за ваш ответ, это мне очень помогло :) –

Смежные вопросы