Felix-sec/WechatMomentScreenshot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
11ee53a4dc93ca5afc1cb6e47a41be86437beb0d
WechatMomentScreenshot/index.src.html

525 lines
33 KiB
HTML
Raw Normal View History

继续minify
2020-06-07 01:55:46 +08:00
<!DOCTYPE HTML>
<html>
<head>
<title>朋友圈转发截图生成工具</title>
<meta charset="utf-8">
jsDelivr is back!
2022-01-05 10:16:34 +08:00
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
继续minify
2020-06-07 01:55:46 +08:00
<meta name="author" content="TransparentLC">
Update index.html
2022-05-01 19:25:00 +08:00
<meta name="format-detection" content="telephone=no">
继续minify
2020-06-07 01:55:46 +08:00
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="Cache-Control" content="no-transform">
Update index.html
2023-02-11 01:29:22 +08:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1/dist/css/mdui.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/TransparentLC/WechatMomentScreenshot/style.min.css">
Use fastly.jsdelivr.net instead of cdn.jsdelivr.net
2022-05-20 13:46:08 +08:00
<!-- <link rel="stylesheet" href="style.css"> -->
Update index.html
2022-05-16 18:57:37 +08:00
Use fastly.jsdelivr.net instead of cdn.jsdelivr.net
2022-05-20 13:46:08 +08:00
<!-- <script src="https://fastly.jsdelivr.net/npm/eruda"></script><script>eruda.init()</script> -->
Update index.html
2022-05-16 18:57:37 +08:00
<script>new URL(location.href).searchParams.has("debug")&&(document.write(atob('PHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vZXJ1ZGEiPjwvc2NyaXB0PjxzY3JpcHQ+ZXJ1ZGEuaW5pdCgpPC9zY3JpcHQ+')))</script>
继续minify
2020-06-07 01:55:46 +08:00
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink mdui-appbar-with-toolbar">
<header class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme">
<span class="mdui-typo-title">朋友圈转发截图生成工具</span>
<div class="mdui-toolbar-spacer"></div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<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-btn-icon mdui-ripple mdui-ripple-white" mdui-tooltip="{content:'查看 GitHub'}">
<svg viewBox="0 0 36 36" class="mdui-icon" style="width:24px;height:24px;">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5
继续minify
2020-06-07 01:55:46 +08:00
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" />
</svg>
</a>
</div>
</header>
<div class="mdui-container">
<div class="mdui-row">
<div class="mdui-col-xs-8 mdui-col-sm-10">
<div class="mdui-textfield">
<label class="mdui-textfield-label">用户名</label>
使用localStorage保存设置
2020-06-20 01:12:17 +08:00
<input id="configName" class="mdui-textfield-input" type="text" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
<div class="mdui-col-xs-4 mdui-col-sm-2">
<div class="mdui-textfield">
<label class="mdui-textfield-label">&nbsp;</label>
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configAvatar').click();">选择头像</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configAvatar" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">正文</label>
使用localStorage保存设置
2020-06-20 01:12:17 +08:00
<textarea id="configText" class="mdui-textfield-input"></textarea>
继续minify
2020-06-07 01:55:46 +08:00
</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" type="text" value="还不会用Google的你，就要被时代淘汰了" />
</div>
<div class="mdui-row">
<div class="mdui-col-xs-6">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripplet mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configArticleIcon').click();">上传网页图标</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configArticleIcon" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-6">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="getArticleInfo();">自动获取公众号文章标题/封面图</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
</div>
<div id="configSingleImage" style="display: none;">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<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>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetSingleImage" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</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">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage1').click();">上传图片 1</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage1" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage2').click();">上传图片 2</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage2" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage3').click();">上传图片 3</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage3" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage4').click();">上传图片 4</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage4" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage5').click();">上传图片 5</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage5" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage6').click();">上传图片 6</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage6" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage7').click();">上传图片 7</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage7" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage8').click();">上传图片 8</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage8" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-4">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configSetMultiImage9').click();">上传图片 9</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<input id="configSetMultiImage9" type="file" style="display:none" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-12">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="clearMultiImage();">清空所有图片</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">定位</label>
<input id="configLocation" class="mdui-textfield-input" type="text" value="" />
</div>
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<div class="mdui-textfield">
<label class="mdui-textfield-label">转发出处</label>
<input id="configApp" class="mdui-textfield-input" type="text" value="" />
<div class="mdui-textfield-helper">设置为“视频号 · ○○○”时将以链接的浅蓝色显示</div>
</div>
继续minify
2020-06-07 01:55:46 +08:00
<div class="mdui-row">
<div class="mdui-textfield mdui-col-xs-6">
<label class="mdui-textfield-label">发表日期</label>
<input id="configPostDate" class="mdui-textfield-input" type="date" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">发表时间</label>
<input id="configPostTimeHour" class="mdui-textfield-input" type="number" min="0" max="23" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">&nbsp;</label>
<input id="configPostTimeMinute" class="mdui-textfield-input" type="number" min="0" max="59" />
</div>
<div class="mdui-textfield mdui-col-xs-6">
<label class="mdui-textfield-label">截图日期</label>
<input id="configScreenshotDate" class="mdui-textfield-input" type="date" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">截图时间</label>
<input id="configScreenshotTimeHour" class="mdui-textfield-input" type="number" min="0" max="23" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">&nbsp;</label>
<input id="configScreenshotTimeMinute" class="mdui-textfield-input" type="number" min="0" max="59" />
</div>
<div class="mdui-textfield mdui-col-xs-4 mdui-col-sm-6">
<label class="mdui-textfield-label">点赞数</label>
<input id="configLike" class="mdui-textfield-input" type="number" min="0" />
</div>
<div class="mdui-col-xs-4 mdui-col-sm-3">
<div class="mdui-textfield">
<label class="mdui-textfield-label">图片长度</label>
<input id="configHeight" class="mdui-textfield-input" type="number" value="1920" min="1920" />
</div>
</div>
<div class="mdui-col-xs-4 mdui-col-sm-3">
<div class="mdui-textfield">
<label class="mdui-textfield-label">&nbsp;</label>
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" mdui-tooltip="{content:'图片宽度默认为 1080 像素，长度根据设备长宽比确定计算，可能和实际存在偏差'}" onclick="document.getElementById('configHeight').value = Math.round(document.body.clientHeight / document.body.clientWidth * 1080);">自动设定</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
Update index.html
2023-02-11 01:29:22 +08:00
<div class="mdui-textfield mdui-col-xs-8 mdui-col-sm-10">
<label class="mdui-textfield-label">自定义头像库</label>
<input id="configAvatarSet" class="mdui-textfield-input" type="text" list="presetAvatarSet" />
<datalist id="presetAvatarSet">
<option value="https://i.akarin.dev/wms-avatar/avatar-stable.txt">
<option value="https://i.akarin.dev/wms-avatar/avatar-fast.txt">
</datalist>
<div class="mdui-textfield-helper">高级功能，点击<a href="javascript:;" class="mdui-text-color-theme-accent" mdui-dialog="{target:'#aboutAvatarSet'}">这里</a>查看详细说明</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="xhrGet(document.getElementById('configAvatarSet').value || 'https://i.akarin.dev/wms-avatar/avatar-stable.txt', function (result) {loadAvatarSet(result, true); config.avatarSet = document.getElementById('configAvatarSet').value})">应用</button>
</div>
</div>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-textfield">
<label class="mdui-textfield-label">评论区</label>
</div>
<div class="mdui-row">
<div class="mdui-col-xs-12">
<label class="mdui-checkbox">
添加设置评论回复对象的功能
2021-09-11 21:44:26 +08:00
<input id="configShowComment" type="checkbox" name="configShowComment" onclick="document.getElementById('configCommentPreview').classList[this.checked ? 'remove' : 'add']('mdui-hidden');" />
继续minify
2020-06-07 01:55:46 +08:00
<i class="mdui-checkbox-icon"></i>
显示评论区
</label>
</div>
<div id="configCommentPreview" class="mdui-col-xs-12 mdui-hidden">
<div class="mdui-table-fluid mdui-m-y-2">
<table class="mdui-table">
<thead>
<tr>
<th>#</th>
<th>用户名</th>
<th>评论内容</th>
<th>时间</th>
</tr>
</thead>
<tbody id="configCommentList">
</tbody>
</table>
</div>
<div class="mdui-row">
<div class="mdui-col-xs-6">
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" mdui-dialog="{target:'#addComment'}" onclick="document.getElementById('configCommentName').value = randomName(); document.getElementById('configCommentAvatar').value = null;">添加评论</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-col-xs-6">
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="removeComment()">删除评论</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
</div>
</div>
<div class="mdui-textfield">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<label class="mdui-textfield-label">通知栏</label>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-row">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<div class="mdui-col-xs-6">
继续minify
2020-06-07 01:55:46 +08:00
<label class="mdui-checkbox">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<input id="configTopBarAppIcons" type="checkbox" name="configTopBarAppIcons" />
<i class="mdui-checkbox-icon"></i>
显示 APP 图标
</label>
</div>
<div class="mdui-col-xs-6">
<label class="mdui-checkbox">
<input id="configTopBarStatusIcons" type="checkbox" name="configTopBarStatusIcons" />
<i class="mdui-checkbox-icon"></i>
随机信号和电量
继续minify
2020-06-07 01:55:46 +08:00
</label>
</div>
</div>
<div class="mdui-textfield">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<label class="mdui-textfield-label">其他</label>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-row">
<div class="mdui-col-xs-6">
<label class="mdui-checkbox">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<input id="configUIWhite" type="checkbox" name="configUIWhite" />
<i class="mdui-checkbox-icon"></i>使用 7.0 以上版本白色界面
继续minify
2020-06-07 01:55:46 +08:00
</label>
</div>
<div class="mdui-col-xs-6">
<label class="mdui-checkbox">
可以设置将第一个头像固定为自己
2021-09-03 11:36:55 +08:00
<input id="configFirstAvatar" type="checkbox" name="configFirstAvatar" />
<i class="mdui-checkbox-icon"></i>第一个头像固定为自己
继续minify
2020-06-07 01:55:46 +08:00
</label>
</div>
</div>
<button id="generate" class="mdui-btn mdui-ripple mdui-color-theme-accent mdui-btn-block mdui-m-t-2">生成</button>
Update index.html
2022-05-01 19:25:00 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent mdui-m-t-1" onclick="window.open('https://i.akarin.dev/donate/')">请小透明喝一瓶肥宅快乐水～(*´∀`)</button>
继续minify
2020-06-07 01:55:46 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent mdui-m-t-1" onclick="copyGitLink()">复制本工具的链接，分享给有需要的人(`ヮ´ )</button>
使用localStorage保存设置
2020-06-20 01:12:17 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent mdui-m-t-1" onclick="localStorage.removeItem('config');localStorage.removeItem('avatar');mdui.snackbar({message:'已清除～刷新后将使用默认设置'})">清除保存的设置信息</button>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div id="gitLink" style="display:none">https://git.io/WMS</div>
继续minify
2020-06-07 01:55:46 +08:00
<div id="fakeWechatMoment">
<div id="topBar" class="topBar">
<div id="topBarAppIcons"></div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="flex-grow:1"></div>
继续minify
2020-06-07 01:55:46 +08:00
<img id="topBarIconWifi" class="topBarIcon" />
<img id="topBarIconSignal" class="topBarIcon" />
<img id="topBarIconBattery" class="topBarIcon" />
<span id="topBarTime"></span>
</div>
<div id="header" class="header">
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="width:40px"></div>
<img style="width:auto;height:48px" />
<div style="width:40px"></div>
继续minify
2020-06-07 01:55:46 +08:00
详情
</div>
<div id="main" class="main">
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="height:30px"></div>
继续minify
2020-06-07 01:55:46 +08:00
<div class="avatarOut">
使用localStorage保存设置
2020-06-20 01:12:17 +08:00
<div id="avatar" class="avatarIn squareImage"></div>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="content">
<div id="name" class="name"></div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="height:11px"></div>
继续minify
2020-06-07 01:55:46 +08:00
<div id="text" class="text"></div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div id="article" class="article" style="display:none">
<div id="articleIcon" class="articleIcon squareImage" style="background-image:url(https://ae01.alicdn.com/kf/HTB1ci0Da5zxK1RjSspjq6AS.pXaD.jpg)"></div>
继续minify
2020-06-07 01:55:46 +08:00
<div id="articleTitle" class="articleTitle"></div>
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div id="singleImage" class="singleImage" style="display:none">
继续minify
2020-06-07 01:55:46 +08:00
<img id="image" class="image" src="https://ae01.alicdn.com/kf/HTB13rXuJCzqK1RjSZPxq6A4tVXae.jpg" />
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div id="multiImage" class="multiImage" style="display:none">
继续minify
2020-06-07 01:55:46 +08:00
<div id="image1" class="multiImageBox squareImage"></div>
<div id="image2" class="multiImageBox squareImage"></div>
<div id="image3" class="multiImageBox squareImage"></div>
<div id="image4" class="multiImageBox squareImage"></div>
<div id="image5" class="multiImageBox squareImage"></div>
<div id="image6" class="multiImageBox squareImage"></div>
<div id="image7" class="multiImageBox squareImage"></div>
<div id="image8" class="multiImageBox squareImage"></div>
<div id="image9" class="multiImageBox squareImage"></div>
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="height:20px"></div>
继续minify
2020-06-07 01:55:46 +08:00
<div class="info">
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<span id="location" style="color:#576b95"></span>
<div style="height:20px"></div>
<span id="time"></span>&nbsp;<span style="color:#576b95">删除</span>
继续minify
2020-06-07 01:55:46 +08:00
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<img style="position:relative;display:inline-block;width:auto;height:42px;top:9px" />
继续minify
2020-06-07 01:55:46 +08:00
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="height:50px"></div>
Migrate from jsDelivr to unpkg and fuck GFW!
2021-12-20 16:13:14 +08:00
<img id="triangle" src="triangle.svg" width="40" height="16" style="position: relative; left: 25px; top: 5px;" />
继续minify
2020-06-07 01:55:46 +08:00
<div id="like" class="like">
Migrate from jsDelivr to unpkg and fuck GFW!
2021-12-20 16:13:14 +08:00
<img src="like.svg" width="32" height="32" style="position: relative; left: 30px; top: 43px; display: inline-block; vertical-align: top;" />
继续minify
2020-06-07 01:55:46 +08:00
<div id="likeAvatarList" class="likeAvatarList"></div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="height:17px"></div>
继续minify
2020-06-07 01:55:46 +08:00
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div id="comment" class="like" style="margin-top:1px">
Migrate from jsDelivr to unpkg and fuck GFW!
2021-12-20 16:13:14 +08:00
<img src="commentlist.svg" width="32" height="32" style="position: relative; left: 30px; top: 45px; display: inline-block; vertical-align: top;" />
继续minify
2020-06-07 01:55:46 +08:00
<div id="commentList" class="likeAvatarList"></div>
</div>
</div>
<div id="footer" class="footer">
<div class="commentInput">评论</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div style="width:22px;display:inline-block"></div>
<img style="width:88px!important;height:88px!important" />
<div style="width:40px;display:inline-block"></div>
继续minify
2020-06-07 01:55:46 +08:00
<div class="commentSend">发送</div>
</div>
</div>
Rollback html2canvas to 1.0.0-rc.1
2020-09-26 11:36:50 +08:00
<div class="mdui-m-y-2" style="text-align:center;line-height:1.5em">
添加黑名单检查
2021-05-28 23:22:46 +08:00
<a href="https://github.com/TransparentLC/WechatMomentScreenshot" target="_blank" style="text-decoration:none"><img src="https://img.shields.io/github/stars/TransparentLC/WechatMomentScreenshot.svg?style=social"></a>
继续minify
2020-06-07 01:55:46 +08:00
<br>
jsDelivr is back!
2022-01-05 10:16:34 +08:00
<span class="mdui-typo-caption-opacity">© 2022 ✨小透明・宸✨</span>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div id="addComment" class="mdui-dialog">
<div class="mdui-dialog-title">添加评论</div>
<div class="mdui-dialog-content mdui-typo">
<div class="mdui-row">
<div class="mdui-col-xs-8 mdui-col-sm-10">
<div class="mdui-textfield">
<label class="mdui-textfield-label">用户名</label>
<input id="configCommentName" class="mdui-textfield-input" type="text" value="" />
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<div class="mdui-textfield-helper">默认的名字是随机生成的，未选择头像则会随机抽取一个头像。</div>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
<div class="mdui-col-xs-4 mdui-col-sm-2">
<div class="mdui-textfield">
<label class="mdui-textfield-label">&nbsp;</label>
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById('configCommentAvatar').click();">上传头像</button>
继续minify
2020-06-07 01:55:46 +08:00
<input id="configCommentAvatar" type="file" style="display: none;" />
</div>
</div>
<div class="mdui-col-xs-12">
<div class="mdui-textfield">
<label class="mdui-textfield-label">评论内容</label>
<textarea id="configCommentText" class="mdui-textfield-input"></textarea>
</div>
</div>
<div class="mdui-textfield mdui-col-xs-6">
<label class="mdui-textfield-label">评论日期</label>
<input id="configCommentDate" class="mdui-textfield-input" type="date" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">评论时间</label>
<input id="configCommentTimeHour" class="mdui-textfield-input" type="number" min="0" max="23" />
</div>
<div class="mdui-textfield mdui-col-xs-3">
<label class="mdui-textfield-label">&nbsp;</label>
<input id="configCommentTimeMinute" class="mdui-textfield-input" type="number" min="0" max="59" />
</div>
添加设置评论回复对象的功能
2021-09-11 21:44:26 +08:00
<div class="mdui-col-xs-12">
<div class="mdui-textfield">
<label class="mdui-textfield-label">回复给……（可选）</label>
<textarea id="configCommentReply" class="mdui-textfield-input"></textarea>
</div>
</div>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>CANCEL</button>
添加评论的随机用户名和视频号转发效果
2021-12-07 19:29:52 +08:00
<button class="mdui-btn mdui-ripple" mdui-dialog-close onclick="var avatarSrc = document.getElementById('configCommentAvatar').files[0] ? window.URL.createObjectURL(document.getElementById('configCommentAvatar').files[0]) : avatarURL[Math.floor(Math.random() * avatarURL.length)]; var configCommentDate = document.getElementById('configCommentDate').valueAsDate; configCommentDate.setHours(document.getElementById('configCommentTimeHour').value); configCommentDate.setMinutes(document.getElementById('configCommentTimeMinute').value); addComment(avatarSrc, document.getElementById('configCommentName').value, document.getElementById('configCommentText').value, configCommentDate, document.getElementById('configCommentReply').value);">OK</button>
继续minify
2020-06-07 01:55:46 +08:00
</div>
</div>
<div id="generatedPopup" class="mdui-dialog">
<div class="mdui-dialog-title">生成完毕| ω・`)</div>
<img id="generated" />
<div class="mdui-typo-caption-opacity mdui-m-y-2">
使用localStorage保存设置
2020-06-20 01:12:17 +08:00
<p>如果点击“保存”没有反应<br>请尝试长按/右键图片进行另存为操作(　ﾟ 3ﾟ)</p>
<p>当前使用的头像与设置已保存到本地<br>下次打开本工具将自动读取～</p>
继续minify
2020-06-07 01:55:46 +08:00
</div>
<div class="mdui-dialog-actions">
<a id="save" class="mdui-btn mdui-ripple">保存</a>
<button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
</div>
</div>
<div id="about" class="mdui-dialog">
<div class="mdui-dialog-title">关于</div>
<div class="mdui-dialog-content mdui-typo">
<h4>这个小工具是什么？</h4>
一个因为不喜欢也不想往朋友圈发某些不得不发的废文而做出来的摸鱼产物。
<h4>为什么生成的截图和我在手机上截的不一样？能不能做出 iOS 的样式？</h4>
不同手机的界面总是有那么一点区别的，要和真正的截图完全一样……我也很难办啊！（摊手）
Update README.md
2020-11-26 11:27:07 +08:00
<br>
如果实在是很在意通知栏的样式的话，可以从自己的手机上截一个通知栏的图然后覆盖上去……
继续minify
2020-06-07 01:55:46 +08:00
<h4>能不能生成纯文字/转发图片的截图？</h4>
<del>懒得写样式，心情好的时候再加上～(*´ω`*)</del>
<br>
已经可以生成啦～
<h4>生成图片后点击“保存”没有反应？</h4>
也可以试试长按图片手动另存为呢(　ﾟ 3ﾟ)
<h4>开源就是好</h4>
<ul>
<li>
<a href="https://html2canvas.hertzen.com">html2canvas</a>&nbsp;开源许可：<a href="https://github.com/niklasvh/html2canvas/blob/master/LICENSE">The MIT License</a>
</li>
<li>
<a href="https://www.mdui.org">MDUI</a>&nbsp;开源许可：<a href="https://github.com/zdhxiong/mdui/blob/master/LICENSE">The MIT License</a>
</li>
<li>
<a href="https://github.com/google/material-design-icons">Material Design icons</a>&nbsp;开源许可：<a href="https://github.com/google/material-design-icons/blob/master/LICENSE">Apache License 2.0</a>
</li>
<li>
<a href="https://www.iconfont.cn">Iconfont 阿里巴巴矢量图标库</a>
</li>
</ul>
</div>
<div class="mdui-dialog-actions">
<button class="mdui-btn mdui-ripple" mdui-dialog-close>OK</button>
</div>
</div>
Update index.html
2023-02-11 01:29:22 +08:00
<div id="aboutAvatarSet" class="mdui-dialog">
<div class="mdui-dialog-title">“自定义头像库”的说明</div>
<div class="mdui-dialog-content mdui-typo">
<p>如果你希望在生成的截图的点赞区域中显示自定义的头像，可以按照以下步骤操作：</p>
<ol>
<li>收集你想要的头像，并上传到图床之类的地方。</li>
<li>将这些头像的 URL 以一行一个的格式保存为纯文本，以下是示例。</li>
<pre><code>https://example.com/avatar-0.jpg
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>
继续minify
2020-06-07 01:55:46 +08:00
<div id="request" class="mdui-dialog">
<div id="requestResult" class="mdui-dialog-title"></div>
<div id="requestResultContent" class="mdui-dialog-content mdui-typo"></div>
<div class="mdui-dialog-actions">
<button id="requestAction" class="mdui-btn mdui-ripple" mdui-dialog-close>OK</button>
</div>
</div>
</div>
Update index.html
2023-02-11 01:29:22 +08:00
<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>
<!-- <script src="https://cdn.jsdelivr.net/npm/mdui@1/dist/js/mdui.min.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/html2canvas@1/dist/html2canvas.min.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/gh/TransparentLC/WechatMomentScreenshot/main.min.js"></script> -->
Use fastly.jsdelivr.net instead of cdn.jsdelivr.net
2022-05-20 13:46:08 +08:00
<!-- <script src="main.js"></script> -->
继续minify
2020-06-07 01:55:46 +08:00
</body>
</html>
Reference in New Issue Copy Permalink