У меня проблема с использованием fabric.js на холсте. После изменения размера с коэффициентом масштабирования 5x, двойного нажатия ZoomIn элементы на холсте исчезают. Пожалуйста, посмотрите: http://jsfiddle.net/ptCoder/Q3TMA/90/
Размер холста (для примера):
<canvas id="c" width="400" height="400"></canvas>
Масштабный коэффициент масштабирования:
var SCALE_FACTOR = 5;
Есть ли решение?
Спасибо.
Проблема в том, что вы также изменяете размер холста, поэтому после увеличения в 2 раза его размер составляет 10000 пикселей * 10000 пикселей, то есть 100 мегапикселей, и требуется несколько сотен мегабайт памяти.
Если вы сохраняете размер холста постоянным (например, этим) или ограничиваете его до достаточно маленького значения, масштабирование работает как положено.
Чтобы сохранить постоянный размер, вам просто нужно удалить эти две строки:
canvas.setHeight(canvas.getHeight() * SCALE_FACTOR);
canvas.setWidth(canvas.getWidth() * SCALE_FACTOR);
