QT开发中文网

// watermark.js function addWatermark(watermarkText, intervalX, intervalY) { var body = document.body; var width = window.innerWidth; var height = window.innerHeight; for (var x = 0; x < width; x += intervalX) { for (var y = 0; y < h...

根据您提供的代码,水印只显示半个屏幕的原因可能是循环的结束条件不正确。请确保 widthheight 的值与实际屏幕尺寸相匹配。

您可以尝试修改代码如下:

function addWatermark(watermarkText, intervalX, intervalY) {
  var body = document.body;
  var width = window.innerWidth;
  var height = window.innerHeight;

  for (var x = 0; x < width; x += intervalX) {
    for (var y = 0; y < height; y += intervalY) {
      if (x + intervalX <= width && y + intervalY <= height) { // 添加判断条件,避免超出屏幕范围
        var watermark = document.createElement('div');
        watermark.style.pointerEvents = 'none';
        watermark.style.position = 'fixed';
        watermark.style.left = x + 'px';
        watermark.style.top = y + 'px';
        watermark.style.color = 'rgba(0, 0, 0, 0.1)';
        watermark.style.fontSize = '20px';
        watermark.innerHTML = watermarkText;
        body.appendChild(watermark);
      }
    }
  }
}

通过添加判断条件 (x + intervalX <= width && y + intervalY <= height),确保在生成水印时不会超出屏幕范围。

希望这对解决问题有所帮助!如果还有其他问题,请随时提问。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://qt.0voice.com/?id=10360

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?