Таким образом, ваши чертежи узлов не подходят для размера холста?
Вы можете легко «сжать» свой контент, чтобы он соответствовал видимому холсту всего за 1 команду!
Команда context.scale(horizontalRescale,verticalRescale)
будет сжимать каждый следующий чертеж вашим указанным горизонтальным разрешением & amp; verticalRescale проценты.
Важное примечание: Вы должны сделать horizontalRescale, verticalRescale то же значение или ваш контент будет искажен.
Приятная вещь об использовании context.scale
что вам не нужно менять какой-либо код, который рисует ваши узлы ... canvas автоматически масштабирует все эти узлы для вас.
Например, этот код уменьшит ваши узлы до 80% их оригиналов size:
var downscaleFactor= 0.80;
context.scale( downscaleFactor, downscaleFactor );
Вместо того, чтобы проходить через ваши 200 + строк кода, я оставляю его вам для расчета downscaleFactor
.