canvas fillStyle в интервале с прозрачностью / непрозрачностью

Question

Этот небольшой код очищает старые данные холста в интервале:

// start interval
ctx.save();
    ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
    ctx.fillRect(0, 0, ctx.width, ctx.height);
ctx.restore();
//some draw code for new graph
...
//end interval

Моя рабочая область стала черной, потому что я установил черный цвет заливки (rgba (0, 0, 0, .2)), но мне нужен прозрачный фон, а не черный.

Я пытался использовать globalAlpha и imagePutData, но мне не удалось.

Как я могу это сделать?

Answer 1

Я думаю, что это решит вашу проблему

ctx.fillStyle = "rgba(255, 255, 255, 0.5)";

Answer 2

Использование rgba(0,0,0,.2) fillStyle и fillRect() работает для меня как на chrome, так и на firefox - оно рисует полупрозрачную черную заливку.Убедитесь, что вы не делаете что-то еще, что вызывает совершенно непрозрачную краску какого-либо рода.

Answer 3

попробуйте ctx.canvas.width вместо ctx.width