Update gitgraph.js to fix blurry commit graph on HiDPI screens (#2957)
This commit is contained in:
		
							parent
							
								
									2cb6c51158
								
							
						
					
					
						commit
						42d781a709
					
				
					 2 changed files with 21 additions and 4 deletions
				
			
		
							
								
								
									
										2
									
								
								public/vendor/VERSIONS
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								public/vendor/VERSIONS
									
									
									
									
										vendored
									
									
								
							|  | @ -15,7 +15,7 @@ File(s): /vendor/plugins/clipboard/clipboard.min.js | |||
| Version: 1.5.9 | ||||
| 
 | ||||
| File(s): /vendor/plugins/gitgraph/gitgraph.js | ||||
| Version: 5fcc26b | ||||
| Version: 9b492e8bf1ddf7908a4997b8f83fa38a809a9da3 | ||||
| 
 | ||||
| File(s): /vendor/plugins/autolink/autolink.js | ||||
| Version: 741f66f | ||||
|  |  | |||
							
								
								
									
										23
									
								
								public/vendor/plugins/gitgraph/gitgraph.js
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										23
									
								
								public/vendor/plugins/gitgraph/gitgraph.js
									
									
									
									
										vendored
									
									
								
							|  | @ -44,6 +44,15 @@ var gitGraph = function (canvas, rawGraphList, config) { | |||
| 	 | ||||
| 	var ctx = canvas.getContext("2d"); | ||||
| 	 | ||||
| 	var devicePixelRatio = window.devicePixelRatio || 1; | ||||
| 	var backingStoreRatio = ctx.webkitBackingStorePixelRatio || | ||||
| 	                        ctx.mozBackingStorePixelRatio || | ||||
| 	                        ctx.msBackingStorePixelRatio || | ||||
| 	                        ctx.oBackingStorePixelRatio || | ||||
| 	                        ctx.backingStorePixelRatio || 1; | ||||
| 
 | ||||
| 	var ratio = devicePixelRatio / backingStoreRatio; | ||||
| 
 | ||||
| 	var init = function () { | ||||
| 		var maxWidth = 0; | ||||
| 		var i; | ||||
|  | @ -61,12 +70,20 @@ var gitGraph = function (canvas, rawGraphList, config) { | |||
| 			graphList.unshift(row); | ||||
| 		} | ||||
| 		 | ||||
| 		canvas.width = maxWidth * config.unitSize; | ||||
| 		canvas.height = graphList.length * config.unitSize; | ||||
| 		var width = maxWidth * config.unitSize; | ||||
| 		var height = graphList.length * config.unitSize; | ||||
| 
 | ||||
| 		canvas.width = width * ratio; | ||||
| 		canvas.height = height * ratio; | ||||
| 
 | ||||
| 		canvas.style.width = width + 'px'; | ||||
| 		canvas.style.height = height + 'px'; | ||||
| 		 | ||||
| 		ctx.lineWidth = config.lineWidth; | ||||
| 		ctx.lineJoin = "round"; | ||||
| 		ctx.lineCap = "round"; | ||||
| 
 | ||||
| 		ctx.scale(ratio, ratio); | ||||
| 	}; | ||||
| 	 | ||||
| 	var genRandomStr = function () { | ||||
|  | @ -186,7 +203,7 @@ var gitGraph = function (canvas, rawGraphList, config) { | |||
| 			} | ||||
| 		} | ||||
| 		 | ||||
| 		y = canvas.height - config.unitSize * 0.5; | ||||
| 		y = (canvas.height / ratio) - config.unitSize * 0.5; | ||||
| 		 | ||||
| 		//iterate
 | ||||
| 		for (i = 0, l = graphList.length; i < l; i++) { | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue