0

Пишу простенькую онлайн игру на основе canvas. Столкнулся с проблемой, после нажатия кнопки (обычный button вне canvas) отправляется какой-то ajax запрос, и после получения ответа нужно отобразить текст ответа в canvas. Но, что бы на canvas обновился, нужно навести на него курсор, без этого ничего не происходит.

Значит ли это, что все должно быть построено только с помощью canvas? Или же как победить мою проблему...

Текст (на холсте больше ничего нет)

centerText = new PointText({
        point: path.bounds.center,
        content: 'TEST',
        fillColor: '#000',
        fontFamily: 'Courier New',
        fontWeight: 'bold',
        fontSize: 20,
        justification: 'center'
    });
2
  • А что вам мешает отрисовать кадр по нажатию на кнопку, а не по наведению курсора?
    – Darth
    1 фев 2016 в 19:32
  • @Darth никаких кадров нет, обычная статика, с использованием PointText. На холсте расположен только один текст и все
    – Alexandr
    1 фев 2016 в 19:33

1 ответ 1

1

var canvas=document.getElementById("canvas");
canvas.height=window.innerHeight-20;
canvas.width=document.body.clientWidth-350;
var c2d=canvas.getContext('2d');
document.getElementById('button').onclick=function(){
    c2d.fillText('Problem?',100,100);
}
<canvas id="canvas"></canvas>
<button id="button">
click
</button>

3
  • Потому не зря упомянул paper.js =)
    – Alexandr
    1 фев 2016 в 19:41
  • @JILeXanDR Зачем использовать то, что не работает? Кроме того, что вам мешает применять VanillaJS там где paper.js не справляется, и при этом продолжать использовать полезные фичи paper.js?
    – Darth
    1 фев 2016 в 19:44
  • мне кажется проще найти проблему, чем городить кучу кода на VanillaJS
    – Alexandr
    1 фев 2016 в 19:50

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.