web蓝桥杯真题：图片水印生成

代码及注释：

function createWatermark(text, color, deg, opacity, count) {
  // 创建水印容器
  const container = document.createElement("div");
  container.className = "watermark";

  // TODO: 根据输入参数创建文字水印
  for(let i = 0; i < count; i++) {    //每次创建一个span水印放入水印容器中
    let span = document.createElement("span")    //创建一个span水印
    span.innerHTML = `<span>${text}</span>`    //定义水印文本
    span.style.color = color        //定义水印颜色
    span.style.transform = 'rotate(' + deg + 'deg)'    //定义水印倾斜角度
    span.style.opacity = opacity    //定义水印透明度
    container.appendChild(span)    //放入水印容器中
  }
  return container;
}

知识点：

1.创建元素

document.createElement(element)

const div= document.createElement("div")

2.倾斜角度

transform = 'rotate(' + deg + 'deg)'

3.插入元素

appendChild(element)