2023-02-11 01:29:22 +08:00
|
|
|
|
<!doctypehtml><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/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"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.5
|
|
|
|
|
|
c0.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-1
|
|
|
|
|
|
c1.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.4
|
|
|
|
|
|
c-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.7
|
|
|
|
|
|
c0.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.5
|
|
|
|
|
|
c0,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"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"> </label> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick='document.getElementById("configAvatar").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"class="mdui-textfield-input"value="还不会用Google的你，就要被时代淘汰了"></div><div class="mdui-row"><div class="mdui-col-xs-6"><button class="mdui-btn mdui-btn-block mdui-text-color-theme-accent mdui-ripplet"onclick='document.getElementById("configArticleIcon").click()'>上传网页图标</button> <input id="configArticleIcon"type="file"style="display:none"></div><div class="mdui-col-xs-6"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick="getArticleInfo()">自动获取公众号文章标题/封面图</button></div></div></div><div id="configSingleImage"style="display:none"><div class="mdui-row"><div class="mdui-col-xs-6"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick='document.getElementById("configSetSingleImage").click()'>上传图片</button></div><div class="mdui-col-xs-6"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick="addPlayIcon()">添加视频播放图标</button></div></div><input id="configSetSingleImage"type="file"style="display:none"></div><div id="configMultiImage"style="display:none"><div class="mdui-m-y-1">请按图片 1 - 9 的顺序添加图片～<br>如果只需要显示一张图片，建议选择“图片（单张）”。</div><div class="mdui-row"><div class="mdui-col-xs-4"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick='document.getElementById("configSetMultiImage1").click()'>上传图片 1</button> <input id="configSetMultiImage1"type="file"style="display:none"></div><div class="mdui-col-xs-4"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick='document.getElementById("configSetMultiImage2").click()'>上传图片 2</button> <input id="configSetMultiImage2"type="file"style="display:none"></div><div class="mdui-col-xs-4"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onclick='document.getElementById("configSetMultiImage3").click()'>上传图片 3</button> <input id="configSetMultiImage3"type="file"style="display:none"></div><div class="mdui-col-xs-4"><button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent"onc
|
|
|
|
|
|
https://example.com/avatar-1.jpg
|
|
|
|
|
|
https://example.com/avatar-2.jpg
|
|
|
|
|
|
...</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@4eb58e74aac866380d9cf24bb2567f785bba883e/main.min.js"></script></body></html>
|
