Files
WechatMomentScreenshot/index.html

4 lines
24 KiB
HTML
Raw Normal View History

2023-03-13 22:54:38 +08:00
<!doctype html><html><head><title>朋友圈转发截图生成工具</title><meta charset="utf-8"><meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport"><meta content="TransparentLC" name="author"><meta content="telephone=no" name="format-detection"><meta content="no-siteapp" http-equiv="Cache-Control"><meta content="no-transform" http-equiv="Cache-Control"><link href="https://cdn.jsdelivr.net/npm/mdui@1/dist/css/mdui.min.css" rel="stylesheet"><link href="https://cdn.jsdelivr.net/gh/TransparentLC/WechatMomentScreenshot@05d514cfcec6d64690d67f7c2125497711456646/style.min.css" rel="stylesheet"><script>new URL(location.href).searchParams.has("debug")&&document.write(atob("PHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vZXJ1ZGEiPjwvc2NyaXB0PjxzY3JpcHQ+ZXJ1ZGEuaW5pdCgpPC9zY3JpcHQ+"))</script></head><body class="mdui-appbar-with-toolbar mdui-theme-accent-pink mdui-theme-primary-indigo"><header class="mdui-appbar mdui-appbar-fixed"><div class="mdui-color-theme mdui-toolbar"><span class="mdui-typo-title">朋友圈转发截图生成工具</span><div class="mdui-toolbar-spacer"></div><a class="mdui-btn mdui-btn-icon" mdui-dialog="{target:'#about'}" mdui-tooltip="{content:'关于'}"><i class="mdui-icon material-icons">info_outline</i></a> <a href="https://github.com/TransparentLC/WechatMomentScreenshot" class="mdui-btn mdui-ripple mdui-btn-icon mdui-ripple-white" id="sourceRepo" mdui-tooltip="{content:'查看 GitHub'}"><svg class="mdui-icon" style="width:24px;height:24px" viewBox="0 0 36 36"><path clip-rule="evenodd" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z" fill="#fff" fill-rule="evenodd"/></svg></a></div></header><div class="mdui-container"><div class="mdui-row"><div class="mdui-col-sm-10 mdui-col-xs-8"><div class="mdui-textfield"><label class="mdui-textfield-label">用户名</label> <input id="configName" type="text" class="mdui-textfield-input"></div></div><div class="mdui-col-xs-4 mdui-col-sm-2"><div class="mdui-textfield"><label class="mdui-textfield-label">&nbsp;</label> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById(&#34;configAvatar&#34;).click()">选择头像</button> <input id="configAvatar" type="file" style="display:none"></div></div></div><div class="mdui-textfield"><label class="mdui-textfield-label">正文</label> <textarea class="mdui-textfield-input" id="configText"></textarea></div><div class="mdui-textfield"><label class="mdui-textfield-label">截图类型</label></div><div class="mdui-row"><div class="mdui-col-xs-6"><label class="mdui-radio"><input id="configTypeText" type="radio" name="group" checked> <i class="mdui-radio-icon"></i>纯文字</label></div><div class="mdui-col-xs-6"><label class="mdui-radio"><input id="configTypeWebsite" type="radio" name="group"> <i class="mdui-radio-icon"></i>分享网页/公众号文章</label></div><div class="mdui-col-xs-6"><label class="mdui-radio"><input id="configTypeSingleImage" type="radio" name="group"> <i class="mdui-radio-icon"></i>图片(单张)</label></div><div class="mdui-col-xs-6"><label class="mdui-radio"><input id="configTypeMultiImage" type="radio" name="group"> <i class="mdui-radio-icon"></i>图片(九宫格)</label></div></div><div id="configWebsite" style="display:none"><div class="mdui-textfield"><label class="mdui-textfield-label">网页标题</label> <input id="configArticleTitle" type="text" class="mdui-textfield-input" value="还不会用Google的你就要被时代淘汰了"></div><div class="mdui-row"><div cla
2023-02-11 01:29:22 +08:00
https://example.com/avatar-1.jpg
https://example.com/avatar-2.jpg
2023-03-13 22:54:38 +08:00
...</code></pre><li>将这个文本文件上传到某个地方,例如自己的网站上,也可以按照这一格式动态生成头像库的内容,总之需要使头像库也能通过 URL 访问到。</li><li>在“自定义头像库”中输入头像库的 URL点击“应用”后会进行读取之后在生成截图时就会从头像库抽取头像了。</li><li>头像和头像库都需要支持跨域访问(响应头 <code>Access-Control-Allow-Origin: *</code></li></ol><p>这个功能有一定的技术门槛,因此并不能保证每个人都有条件使用这一功能。留空后点击“应用”将会使用默认头像库。</p></div><div class="mdui-dialog-actions"><button class="mdui-btn mdui-ripple" mdui-dialog-close>OK</button></div></div><div class="mdui-dialog" id="request"><div class="mdui-dialog-title" id="requestResult"></div><div class="mdui-dialog-content mdui-typo" id="requestResultContent"></div><div class="mdui-dialog-actions"><button class="mdui-btn mdui-ripple" mdui-dialog-close id="requestAction">OK</button></div></div></div><script src="https://cdn.jsdelivr.net/combine/npm/html2canvas@1/dist/html2canvas.min.js,npm/mdui@1/dist/js/mdui.min.js,gh/TransparentLC/WechatMomentScreenshot@05d514cfcec6d64690d67f7c2125497711456646/main.min.js"></script></body></html>