Как подобрать высоту рабочей области для заполнения экрана в Svg-edit?

Question

Можно ли установить высоту рабочей области svg-edit, чтобы динамически соответствовать высоте экрана? Теперь есть возможность изменить размер рабочего файла в файле config.js (например, 640x480, 800x600). Но как я могу изменить эту рабочую область, чтобы динамически соответствовать экрану? Не важно, сколько пикселей у рабочей области, но мне нужно увеличить масштаб рабочей области, чтобы соответствовать размеру экрана. Я хотел бы сделать окно редактора с высотой рабочей области, чтобы заполнить фактический экран браузера (масштабирование отключено, рабочая область расширяется на все окно браузера). Возможно ли установить это, используя конфигурационные файлы, или это требует внедрения в основные файлы?

Вот часть config.js:

svgEditor.setConfig({dimensions: [640, 480],
emptyStorageOnDecline: true
allowedOrigins: [window.location.origin] // May be 'null' (as a string) when
used as a file:// URL
});

Вот часть кода в svg-editor.html, с которым я работаю:

 <div id="workarea">
<style id="styleoverrides" type="text/css" media="screen" scoped="scoped"
</style>
<div id="svgcanvas" style="position:relative">
</div>
</div>

Answer 1

function getDimensions() {
    // do something here to get your height and width values
    var x = 640,
        y = 480;

    return [x,y];
}

svgEditor.setConfig({
    dimensions: getDimensions()
});

Если вы хотите, чтобы рабочая область изменялась по мере того, как пользователь изменяет размеры окна, вам также необходимо связать window.onresize, чтобы изменить размер холста SVG-Edit с помощью svgCanvas.setResolution().

Надеюсь, это поможет.