QT开发中文网

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 += inter...

要让水印中的文字居中,可以使用 CSS 中的 text-align 属性。在给水印元素设置样式时,将 text-align 设置为 center 即可。

以下是修改后的代码示例:

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) {
      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.style.textAlign = 'center'; // 居中对齐
      
      // 设置水印文本为两行
      watermark.innerHTML = watermarkText.split('\n').join('<br>');
      
      body.appendChild(watermark);
    }
  }
}

在上述代码中,我们添加了一行 watermark.style.textAlign = 'center'; 来设置水印元素中的文本居中对齐。这将使每个水印元素内部的文本在水平方向上居中显示。


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

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

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

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

联系我们

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

微信号:3007537140

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

关注我们
x

注册

已经有帐号?