<!doctype html>
<html>
<head>
<title>朋友圈转发截图生成工具 - 微信朋友圈截图模拟器</title>
<meta name="keywords" content="朋友圈转发截图生成工具,微信朋友圈截图模拟器,朋友圈转发点赞生成截图工具,朋友圈装逼图片在线制作,微信朋友圈装逼生成器大全" />
<meta name="description" content="朋友圈转发截图生成工具,微信朋友圈截图模拟器,朋友圈转发点赞生成截图工具,朋友圈装逼图片在线制作,微信朋友圈装逼生成器大全。" />
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
<meta content="TransparentLC" name="author">
<meta content="no-siteapp" http-equiv="Cache-Control">
<meta content="no-transform" http-equiv="Cache-Control">
<link href="css/mdui.min.css"
rel="stylesheet">
<link href="css/style.min.css"
rel="stylesheet">
<script>
new URL(location.href).searchParams.has("debug") && (document.write('<scr' + 'ipt src="https://cdn.jsdelivr.net/npm/eruda"></scr' + 'ipt>'), document.write('<scr' + 'ipt>eruda.init()</scr' + 'ipt>'))
</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-tooltip="{content:'关于'}" mdui-dialog="{target:'#about'}">
<i class="mdui-icon material-icons">
info_outline
</i>
</a>
<a href="https://www.ohymw.com" 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.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">
</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" type="text" 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"
onclick="document.getElementById("configSetMultiImage4").click()">
上传图片 4
</button>
<input id="configSetMultiImage4" 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"
oncli
