如何在 Svg-edit 中调整工作区高度以填充屏幕？答案

【问题标题】：How to fit workarea height to fill the screen in Svg-edit?如何在 Svg-edit 中调整工作区高度以填充屏幕？
【发布时间】：2015-07-30 05:13:03
【问题描述】：

是否可以将 svg-edit 的工作区高度设置为动态适应屏幕高度？现在可以更改文件 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>

【问题讨论】：

标签： javascript jquery css fullscreen svg-edit

【解决方案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 以使用 svgCanvas.setResolution() 更改 SVG-Edit 的画布大小。

希望对您有所帮助。

【讨论】：