Извините, я не смог найти подходящее название для этой темы. Что я хочу сделать, так это добавить цветовой переключатель на сайт и изменить фоновый цвет Canvas. Я изменяю приведенный ниже код и добавляю необходимые теги CSS, но когда я щелкну, изменяется только цвет и скользящий холст в фоновом режиме. Что я делаю не так? < /P>
function draw(color) {
if (document.body.classList.contains("body-style-dark")) {
cbg_color = document.getElementById("canvas_matrix_bg").dataset.cbgd;
} else {
cbg_color = document.getElementById("canvas_matrix_bg").dataset.cbg;
}
if (cbg_color.length > 1) {
ctx.fillStyle = "rgba(" + hexToRgb(cbg_color).r + "," + hexToRgb(cbg_color).g + "," + hexToRgb(cbg_color).b + "," + "0.04)";
} else {
ctx.fillStyle = "rgba(0, 0, 0, 0.04)";
}
ctx.fillRect(0, 0, c.width, c.height);
if (document.body.classList.contains("body-style-dark")) {
ctx_color = document.getElementById("canvas_matrix").dataset.ctxd;
} else {
ctx_color = document.getElementById("canvas_matrix").dataset.ctx;
}
if (ctx_color.length > 1) {
ctx.fillStyle = ctx_color;
} else {
ctx.fillStyle = color;
}
ctx.font = font_size + "px arial";
for (var i = 0; i < drops.length; i++) {
var text = matrix[Math.floor(Math.random() * matrix.length)];
ctx.fillText(text, i * font_size, drops * font_size);
if (drops * font_size > c.height && Math.random() > 0.975)
drops = 0;
drops++;
}
< /code>
} < /p>
Color Switcher
[*]
Подробнее здесь: https://stackoverflow.com/questions/797 ... lor-to-css
