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

Question

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

Вот часть 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 t o измените размер холста SVG-Edit, используя svgCanvas.setResolution().

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