Javascript 设置从Google图表创建的透明画布/png的背景色

Javascript 设置从Google图表创建的透明画布/png的背景色,javascript,css,html,canvas,background,Javascript,Css,Html,Canvas,Background,我需要有关设置画布对象背景颜色的帮助,该画布对象是使用googlecharts日历上的canvg创建的 这是你的电话号码 下载的image/png有一个透明的背景,因为画布是这样的。我想更改它,使其不再是透明的,而是白色的。我尝试使用setAttribute如下所示: canvas.setAttribute( 'style', 'position: absolute; ' + 'top: ' + (-chartArea.offsetHeight * 2) + 'px;

我需要有关设置画布对象背景颜色的帮助,该画布对象是使用
googlecharts日历上的
canvg
创建的

这是你的电话号码

下载的image/png有一个透明的背景,因为画布是这样的。我想更改它,使其不再是透明的,而是白色的。我尝试使用
setAttribute
如下所示:

  canvas.setAttribute(
    'style',
    'position: absolute; ' +
    'top: ' + (-chartArea.offsetHeight * 2) + 'px; ' +
    'left: ' + (-chartArea.offsetWidth * 2) + 'px;' +
    'backgroud-color: #fff;');
也可以这样使用:
canvas.style.backgroundColor='blue'

非常感谢您的帮助。

请澄清,您想要蓝色的圆圈吗

>第4行


请澄清-您想要蓝色的圆圈吗

>第4行

试试:

context=canvas.getContext(“2d”);
//设置为在当前内容后面绘制
context.globalCompositeOperation=“目的地结束”;
//设置背景色
context.fillStyle='#fff';// 尝试:

context=canvas.getContext(“2d”);
//设置为在当前内容后面绘制
context.globalCompositeOperation=“目的地结束”;
//设置背景色

context.fillStyle='#fff';//我正在尝试将背景从透明改为白色。对不起,蓝色误入歧途了。这只是一个例子,我想把背景从透明改成白色。对不起,蓝色误入歧途了。这只是一个例子。对于折线图,它默认为白色,我尝试使用不同的颜色,但它总是返回白色,原因是我想下载带有背景色的图表,但它总是以透明背景下载。对于折线图,它默认为白色,我尝试使用不同的颜色,但它总是返回到白色,原因是我想下载带有背景色的图表,但它总是以透明背景下载。
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);