ChatCaptionGeneratorForWLY
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>语录生成器</title>
		<style>
			body {
    			background-color: rgb(255,255,255);
			}
			textarea {
				height: 40px;
				width: 200px;
			}
			#statement {
				position: absolute;
				font-family: 黑体;
				font-size: 12px;
				padding-left: 16px;
				padding-top: 45px;
				text-align: left;
			}
			#footer{
				font-family: 黑体;
				font-size: 12px;
				padding-right: 16px;
				text-align: right;
			}
			.链接{
				color: #666666;
			}
			.图标{
				height: 14px;
				margin: 2px,0px,0px;
			}
		</style>
	</head>
	<body>
		<p>请在文本框中输入语段，然后按ok按钮。图片生成后请使用右键保存<br/>本项目只是做尝试，所以请使用中文字符和标点。连续使用西文字符可能会导致排版问题。</p>
		<textarea name="word">我不写完学霸不睡觉！</textarea>
		<button onclick="GetPic(document.getElementsByName('word')[0].value)">ok</button><br/>
		<img id="img">
		<canvas width="0" height="0" id="canvas"></canvas>
		<!--页脚-->
		<div id='footer'>
			<p>
				<HR width=100% color=#666666 SIZE=1></HR>
				<img src="img/gitee_logo.ico" class="图标">
				<span style="font-family: 圆体;font-size: 13px;margin-right: -5px">@</span>
				<a class="链接" href="https://gitee.com/HomeArchbishop">拆家大主教</a>
				<br/>
				<a class="链接" href="https://gitee.com/HomeArchbishop/ChatCaptionGeneratorForWLY">git源码</a>
			</p>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</html>