如何调整工作区高度以在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()
});

如果您希望工作区随着用户调整窗口大小而更改，那么还需要使用svgCanvas.setResolution()绑定window.onresize来更改SVG-Edit的画布大小。

希望这能有所帮助。