我拥有的是一个画布,以及 HTML 页面上其他地方的输入,可让您输入内容并显示在画布上。有多个背景图像,特别是有一个是黑暗的。没什么大不了的,只要做到这一点,当单击单选按钮时,它会将颜色更新为白色。问题是,如果添加新内容,文本颜色会变回黑色,很难再看到。有什么方法可以让 javascript 检查单击了哪个单选按钮而不是依赖“onClick”?
function text(imgURL){
var asdf = document.getElementById("canvas");
var ctx=asdf.getContext("2d");
asdf.width = asdf.width;
var val = input.value;
if(imgURL === "dark.png"){
ctx.fillStyle = "#FFFFFF";
}else if(imgURL === "dark2.png"){
ctx.fillStyle = "#FFFFFF";
}else if(imgURL === "dark3.png"){
ctx.fillStyle = "#FFFFFF";
}else{
ctx.fillStyle = "#000000";
}
ctx.font = "bold 22px sans-serif";
ctx.textAlign = "right";
ctx.fillText(val, 349, 47);
}