wood/watermark
1
0
Fork 0
mirror of https://github.com/woodchen-ink/watermark.git synced 2025-07-18 05:52:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: UI优化、删除不需要文件；

Browse Source
This commit is contained in:
LiangSenCheng 2024-03-27 13:40:05 +00:00
parent ff8f4901c4
commit 41d9d16977
5 changed files with 3 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -1,4 +0,0 @@
# lx164.github.io
纯前端实现图片加水印功能，基于React + Canvas 实现，支持PWA，可直接clone下来自己部署，预览站点 https://lx164-github-io.vercel.app
Deploy status：[![Netlify Status](https://api.netlify.com/api/v1/badges/48f24d50-1a3b-4e52-a381-e3e5cb63285b/deploy-status)](https://app.netlify.com/sites/lx164/deploys)

2
index.css
View File

File diff suppressed because one or more lines are too long

6
index.html
View File

@ -4,13 +4,12 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>在线图片加水印,canvas加水印,防止身份证复印件被盗!</title>
<title>在线图片加水印,canvas加水印,防止身份证复印件被盗</title>
<meta name="keywords" content="图片加水印,在线给图片加水印,在线照片加水印,在线给图片加文字,canvas加水印,canvas图片旋转,防止身份证复印件被盗" />
<meta name="description" content="在线给图片加水印,通过前端canvas给你的个人证件加上水印，防止身份证复印件被盗。纯前端加水印,拒绝上传保证个人信息安全!" />
<link rel="icon" href="https://cdn.jsdelivr.net/gh/LiangSenCheng/blog-img/app/add-water/icon48.ico">
<link rel="stylesheet" href="./index.css" />
<link rel="manifest" href="./manifest.json" />
<script async defer data-website-id="d3bcf229-b535-463d-b544-aa3be5b3911e" src="https://analysis.myzyd.top/script.js"></script>
<script>
// serviceWorker
if ("serviceWorker" in navigator) {
@ -28,16 +27,13 @@
window.addEventListener("beforeinstallprompt", e => {
e.preventDefault();
deferredPrompt = e;
console.log('beforeinstallprompt');
});
window.addEventListener("appinstalled", () => {
deferredPrompt = null;
console.log('appinstalled');
});
function addToDesktop() {
console.log('addToDesktop');
deferredPrompt.prompt();
deferredPrompt = null;
}

2
index.js
View File

File diff suppressed because one or more lines are too long

70
serviceWorker.js
View File

@ -1,70 +0,0 @@
// cache名, 在控制台Application的CaChe下可以看到
const cacheName = "watermark";
// cache文件
const cacheFiles = ["/", "/index.html", "/manifest.json"];
/**
* 安装 Service Worker
* install事件是 Service Worker 执行的第一个事件,同一个 Service Worker 只会调用一次,
* 即使 Service Worker 脚本文件只有一个字节不同,浏览器也将视为一个新的 Service Worker。
*/
// eslint-disable-next-line no-restricted-globals
self.addEventListener("install", (e) => {
// eslint-disable-next-line no-restricted-globals
self.skipWaiting();
e.waitUntil(
caches.open(cacheName).then((cache) => {
return cache.addAll(cacheFiles);
})
);
});
/**
* 激活 Service Worker
* Service Worker 安装成功之后,会触发activate事件
* 在这个阶段我们一般做一些清理旧缓存相关的工作
*/
// eslint-disable-next-line no-restricted-globals
self.addEventListener("activate", (e) => {
// e.waitUntil(caches.delete(cacheName));
e.waitUntil(
caches
.keys()
.then((keys) => {
return Promise.all(
// eslint-disable-next-line array-callback-return
keys.map((key) => {
// 清理缓存
if (cacheName !== key) {
return caches.delete(key);
}
})
);
})
.then(() => {
console.log("cache deleted");
})
);
});
// service worker发生更新后,刷新页面
// eslint-disable-next-line no-restricted-globals
self.addEventListener('controllerchange', () => {
window.location.reload();
})
// eslint-disable-next-line no-restricted-globals
self.addEventListener("fetch", (e) => {
e.respondWith(
caches
.open(cacheName)
.then((cache) =>
cache.match(e.request, {
ignoreSearch: true,
})
)
.then((response) => {
return response || fetch(e.request);
})
);
});