0

It it possible to set workarea height of svg-edit to dynamiccaly fit the screen height ? Now there is possibility to change the workare size in file config.js (for example 640x480, 800x600). But how can I change this workarea to fit the screen dynamically ? There is not important how many pixels workarea has but I need zoom workarea to fit the screen. I would like to make editor window with workarea height to fill actual browser screen (zooming disabled, workarea expands to whole browser window). Is it possible to set this using config files or it needs som implementation into core files ?

Here is a part of 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
});

Here is a part of code in svg-editor.html I am working with:

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

original svg-edit workarea with pixels 640x480

mira
  • 1,056
  • 3
  • 15
  • 32

1 Answers1

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

    return [x,y];
}

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

If you want the workarea to change as the user resizes the window then you'll also need to bind window.onresize to change SVG-Edit's canvas size using svgCanvas.setResolution().

Hopefully that helps.

GoTeamScotch
  • 51
  • 3