GitGraph - 缩放图形

Question

我使用JavaScript库的GitGraph的大小 - http://gitgraphjs.com/

我目前使用的示例文件，看到的东西在GitGraph是如何工作的。示例文件的链接 - https://github.com/nicoespeon/gitgraph.js/blob/develop/examples/index.js

是否有任何可能的方式来缩放图形？我尝试覆盖CSS样式，图形的质量大大降低。

我期待着像GitGraph.scale选项？这可用吗？

Answer 1

主项目页面并不便于链接，但它看起来像标题为“定义你自己的模板”的部分是你要找的？

编辑：

OK，以更好地了解你在找什么，我发挥它周围的自己，发现画布元素的width和height性能added to the DOM programmatically in GitGraph.prototype.render()，基于一些中等复杂的数学涉及来自template对象的一堆值，以及使用window.devicePixelRatio导出的值scalingFactor。

似乎有不被修改这些值之前画布渲染的方式，但使用提供graph:render事件，你可以后做。

gitGraph.canvas.addEventListener("graph:render", function(event) { 
    console.log(event.data.id, "has been rendered with a scaling factor of", gitGraph.scalingFactor); 
    rescale(); 
} 
function rescale() { 
    var g = document.getElementById('gitGraph'); 
    var w = +g.style.width.slice(0,-2) * 0.5; // < just change these two 
    var h = +g.style.height.slice(0,-2) * 0.5; // multipliers to the same 
    g.style.width = w + 'px';     // value 
    g.style.height = h + 'px'; 
}; 

下面是功能与官方的示例代码工作（注意到它搞砸了绝对定位detail格）：

http://codepen.io/phoward8020/pen/ZOpERB

这是否帮助？

（编辑2：内嵌堆栈溢出示例代码不添加值来回答，因为它是不可编辑与CodePen代替以便读者可以验证通过改变乘法器的值的功能。）