HTML-копия холста

Question

Я реализовал функцию увеличения и уменьшения, но каждый раз, когда я увеличиваю, я очищаю весь холст, масштабирую и переводю его, а затем перерисовываю все заново.проблема в том, что перерисовка занимает много времени (у меня много объектов на холсте).

есть способ, которым я могу просто скопировать всю сцену, масштабировать и перевести холст, а затем просто вставитьэто без потери качества все?

спасибо

Answer 1

да. Вы можете скопировать холст используя drawImage к временному изображению, а затем перерисовать позже. Эта вещь, над которой я работаю, имеет функцию изменения размера. Посмотрите:

http://mtcanvas.com/mem/pencilman/

просто для справки это основная часть:

    function resizeCanvas(){

      cWidth = widthInput.val();
      cHeight = heightInput.val();

      jtmp.width = cWidth;
      jtmp.height = cHeight;
      clear(ctmp);
      ctmp.drawImage(jc, 0, 0);


      frame.css({width : cWidth});
      canvas.attr({width : cWidth, height : cHeight});
      clear(c);
      c.drawImage(jtmp, 0, 0);
      win.trigger("resize");
    }