{"id":565,"date":"2026-02-14T14:11:16","date_gmt":"2026-02-14T06:11:16","guid":{"rendered":"https:\/\/www.hyw.life\/?p=565"},"modified":"2026-02-24T13:07:27","modified_gmt":"2026-02-24T05:07:27","slug":"js-%e6%b7%bb%e5%8a%a0%e8%87%aa%e5%ae%9a%e4%b9%89%e6%96%87%e5%ad%97%e6%b0%b4%e5%8d%b0","status":"publish","type":"post","link":"https:\/\/www.hyw.life\/?p=565","title":{"rendered":"JS \u6dfb\u52a0\u81ea\u5b9a\u4e49\u6587\u5b57\u6c34\u5370"},"content":{"rendered":"\n<span id=\"h2-0\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u521b\u5efa\u6c34\u5370\u65b9\u6cd5<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u521b\u5efa\u6c34\u5370\u65b9\u6cd5\nfunction addWatermark(text) {\n   const watermarkDiv = document.createElement('div');\n   watermarkDiv.id = 'dynamic-watermark';\n   watermarkDiv.style.position = 'fixed';\n   watermarkDiv.style.top = '0';\n   watermarkDiv.style.left = '0';\n   watermarkDiv.style.width = '100%';\n   watermarkDiv.style.height = '100%';\n   watermarkDiv.style.pointerEvents = 'none';\n   watermarkDiv.style.zIndex = '9999';\n   watermarkDiv.style.backgroundImage = `url('data:image\/svg+xml;utf8,&lt;svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"100\" opacity=\"0.05\">&lt;text x=\"50%\" y=\"50%\" font-size=\"20\" fill=\"black\" transform=\"rotate(-30 100 50)\" text-anchor=\"middle\" dominant-baseline=\"middle\">${encodeURIComponent(text)}&lt;\/text>&lt;\/svg>')`;\n   watermarkDiv.style.backgroundRepeat = 'repeat';\n   document.body.appendChild(watermarkDiv);\n}<\/code><\/pre>\n\n\n\n<span id=\"h2-1\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u8c03\u7528\u521b\u5efa\u6c34\u5370<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u76f4\u63a5\u8c03\u7528\u521b\u5efa\u6c34\u5370\naddWatermark('\u6c34\u5370\u6587\u5b57');<\/code><\/pre>\n\n\n\n<span id=\"h2-2\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u79fb\u9664\u6c34\u5370<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u79fb\u9664\u6c34\u5370\nfunction removeWatermark() {\n   const watermark = document.getElementById('dynamic-watermark');\n   if (watermark) {\n       document.body.removeChild(watermark);\n   }\n}<\/code><\/pre>\n\n\n\n<span id=\"h2-3\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u5982\u679c\u62a5\u9519\uff0c\u4f7f\u7528\u4ee5\u4e0b\u65b9\u6cd5\u8bd5\u8bd5<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u5982\u679c\u62a5\u9519\uff0c\u4f7f\u7528\u4ee5\u4e0b\u65b9\u6cd5\u8bd5\u8bd5\ndocument.addEventListener('DOMContentLoaded', function() {\n      const watermarkDiv = document.createElement('div');\n      watermarkDiv.id = 'dynamic-watermark';\n      watermarkDiv.style.position = 'fixed';\n      watermarkDiv.style.top = '0';\n      watermarkDiv.style.left = '0';\n      watermarkDiv.style.width = '100%';\n      watermarkDiv.style.height = '100%';\n      watermarkDiv.style.pointerEvents = 'none';\n      watermarkDiv.style.zIndex = '9999';\n      watermarkDiv.style.backgroundImage = `url('data:image\/svg+xml;utf8,&lt;svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"200\" height=\"100\" opacity=\"0.05\">&lt;text x=\"50%\" y=\"50%\" font-size=\"20\" fill=\"black\" transform=\"rotate(-30 100 50)\" text-anchor=\"middle\" dominant-baseline=\"middle\">${encodeURIComponent('\u6c34\u5370\u6587\u5b57')}&lt;\/text>&lt;\/svg>')`;\n      watermarkDiv.style.backgroundRepeat = 'repeat';\n      document.body.appendChild(watermarkDiv);\n});<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u521b\u5efa\u6c34\u5370\u65b9\u6cd5 \u8c03\u7528\u521b\u5efa\u6c34\u5370 \u79fb\u9664\u6c34\u5370 \u5982\u679c\u62a5\u9519\uff0c\u4f7f\u7528\u4ee5\u4e0b\u65b9\u6cd5\u8bd5\u8bd5<\/p>\n","protected":false},"author":1,"featured_media":39,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-565","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qd"],"_links":{"self":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=565"}],"version-history":[{"count":4,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/565\/revisions"}],"predecessor-version":[{"id":574,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/565\/revisions\/574"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/media\/39"}],"wp:attachment":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}