如何在Svg-edit中适合工作区高度填充屏幕?

时间:2015-04-28 19:57:40

标签: javascript jquery css fullscreen svg-edit

可以将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>

original svg-edit workarea with pixels 640x480

1 个答案:

答案 0 :(得分: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()
});

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

希望这有帮助。