Sigma.js Canvas Renderer-如何获得高分辨率图像？

Question

我正在使用带有快照插件的Sigma.js库来获取我在网络画布中生成的图形的图像。

问题是分辨率太低，这是我的浏览器的大小，例如300x300。我正在寻找一种在浏览器中获取300x300尺寸并在Sigma.js中获得高分辨率图像（相当于300 dpi标记）的方法，因为我想打印图形。

我不确定我的选择是什么，我是Web和设计以及Sigma.js的新手。我只需要高分辨率的图形即可。尽管社区是一个很棒的图书馆，但它似乎并不活跃。

一个最小的例子：

<div id='sigma-container'></div>
<script>
  // Initialize sigma:
  var s = new sigma(
    {
       renderer: {
         container: document.getElementById('sigma-container'),
         type: 'canvas',
       },
       settings: {
        edgeLabelSize: 'proportional',
        defaultLabelSize:18,
        scalingMode:"inside",
        maxNodeSize:14,         
        },
     }
   );
//... data
s.startForceAtlas2();
  setTimeout(() => { s.stopForceAtlas2();
}, Math.log(result.nodes.length*result.edges.length)*3000);
 })

要下载，假设存在快照插件：

var dataUrl = s.renderers[0].snapshot();
s.renderers[0].snapshot({download: true});