Is it possible to dynamically adjust the workarea height of svg-edit to fit the screen height? Currently, you can change the workarea size in the config.js file (for example 640x480, 800x600). But how can I resize the workarea to fit the screen dynamically? The number of pixels doesn't matter as much as making sure the workarea zooms to fit the screen. I want the editor window with the workarea height to fill the entire browser screen (with zooming disabled, workarea expanding to the whole browser window). Can this be achieved through configuration files or does it require implementation into core files?
Below is a snippet from the config.js file:
svgEditor.setConfig({dimensions: [640, 480],
emptyStorageOnDecline: true,
allowedOrigins: [window.location.origin] // May be 'null' (as a string) when used as a file:// URL
});
Here is a portion of the code in svg-editor.html that I am currently working with:
<div id="workarea">
<style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
<div id="svgcanvas" style="position:relative"></div>
</div>