Sigma.js Canvas Renderer - как получить изображение с высоким разрешением? - PullRequest
Новая
       28

Sigma.js Canvas Renderer - как получить изображение с высоким разрешением?

0 голосов
/ 13 июня 2019

Я использую библиотеку Sigma.js с плагином снимка, чтобы получить изображение моего сгенерированного графика на веб-холсте.

Проблема в том, что разрешение слишком низкое, это размер моего браузера, например 300x300. Я ищу способ взять мой размер 300x300 в браузере и получить изображение с высоким разрешением (что эквивалентно метке 300 точек на дюйм) в Sigma.js, потому что я хочу напечатать свой график.

Я не уверен, какие у меня есть варианты, я новичок в веб и дизайне, а также в 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});
...