设置从Google Charts创建的透明画布/ png的背景颜色

Question

我需要帮助设置在Google Charts Calendar上使用canvg创建的画布对象的背景颜色。

这是JS Fiddle。

下载的图像/ PNG具有透明背景，因为画布具有这种方式。我想改变它，使它不再是透明的，但使用setAttribute像这样white.I尝试：

canvas.setAttribute(
    'style', 
    'position: absolute; ' + 
    'top: ' + (-chartArea.offsetHeight * 2) + 'px; ' + 
    'left: ' + (-chartArea.offsetWidth * 2) + 'px;' + 
    'backgroud-color: #fff;'); 

也使用这种方式：canvas.style.backgroundColor = 'blue';但这些尝试都失败了，我一直没能找到一个好的工作答案。

非常感谢所有帮助。

Answer 1

要清楚 - 你想圈蓝色？

http://jsfiddle.net/6y3ym4ov/2/>线4

<circle id="circle" fill="#202020" stroke="#0A0A0A" stroke-width="4"...

更换填充= “＃202020” 与无/不同色

fill="#000099"/fill="blue"/fill="rgb(0,0,255)"

Answer 2

尝试：

context = canvas.getContext("2d"); 

// set to draw behind current content 
context.globalCompositeOperation = "destination-over"; 

// set background color 
context.fillStyle = '#fff'; // <- background color 

// draw background/rect on entire canvas 
context.fillRect(0, 0, canvas.width, canvas.height); 

来源：http://blogs.adobe.com/digitalmedia/2011/01/setting-the-background-color-when-generating-images-from-canvas-todataurl/