Элементы на холсте исчезают w/jsfiddle

Question

У меня проблема с использованием fabric.js в холсте. После изменения размера с коэффициентом масштабирования в 5 раз, щелкнув ZoomIn 2 раза, элементы на холсте исчезнут. Пожалуйста, смотрите: http://jsfiddle.net/ptCoder/Q3TMA/90/

размер холста (только для примера):

<canvas id="c" width="400" height="400"></canvas> 

Увеличить Масштаб фактор:

var SCALE_FACTOR = 5; 

Есть ли решение?

Thank you.

Answer 1

Проблема в том, что вы также изменяете размер холста, поэтому после масштабирования 2 раза его размер составляет 10000 пикселей * 10000 пикселей, что означает 100 мегапикселей и требуется несколько сотен мегабайт памяти.

Если вы сохраняете размер холста постоянным (например, this) или ограничиваете его значением, достаточно маленьким, масштабирование работает, как ожидалось.

Чтобы сохранить размер постоянной вы просто должны удалить эти две строки:

canvas.setHeight(canvas.getHeight() * SCALE_FACTOR); 
canvas.setWidth(canvas.getWidth() * SCALE_FACTOR);