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代替以便讀者可以驗證通過改變乘法器的值的功能。）