预览(文字水印示例, ' + pageLabel + '):
' +
'说明:本工具在 Canvas 上生成水印预览,展示最终视觉效果。如需直接生成带水印的 PDF 文件,推荐使用 pdf-lib (服务端) 或客户端 pdf-lib.min.js(不在 clawam 静态库中)。' +
'
',
'文字 "' + text + '", ' + fs + 'px, 透明度 ' + opacity + ', 角度 ' + angle + '°'
);
}
$('btn-render').addEventListener('click', render);
$('btn-download').addEventListener('click', function() {
if (!currentFile) { showError('请先选 PDF'); return; }
// 下载预览图为 PNG
var img = document.querySelector('#result-content img');
if (!img) { showError('请先生成预览'); return; }
var a = document.createElement('a');
a.href = img.src;
a.download = 'watermark-preview.png';
a.click();
});
$('btn-clear').addEventListener('click', function() {
$('file').value = '';
currentFile = null;
var ra = $('result-area'); ra.hidden = true; ra.style.display = 'none';
var em = $('error-msg'); em.hidden = true; em.style.display = 'none';
});
})();