浏览代码

Add transparent background to doc icon on favicon

Jasper van Merle 6 年之前
父节点
当前提交
6efad323ff
共有 1 个文件被更改,包括 6 次插入0 次删除
  1. 6 0
      assets/javascripts/lib/favicon.coffee

+ 6 - 0
assets/javascripts/lib/favicon.coffee

@@ -49,6 +49,12 @@ withImage = (url, action) ->
       docIconPercentage = 65
       destinationCoords = size / 100 * (100 - docIconPercentage)
       destinationSize = size / 100 * docIconPercentage
+      paddingSize = destinationSize + 1
+
+      imageData = ctx.getImageData(destinationCoords, destinationCoords, paddingSize, paddingSize)
+      transparentImageData = new ImageData(new Uint8ClampedArray(imageData.data.length), paddingSize, paddingSize)
+      ctx.putImageData(transparentImageData, destinationCoords, destinationCoords)
+
       ctx.drawImage(docImg, sourceX, sourceY, sourceSize, sourceSize, destinationCoords, destinationCoords, destinationSize, destinationSize)
 
       urlCache[doc.slug] = canvas.toDataURL()