HTML5练习之简陋版我画你猜（一）

最新推荐文章于 2024-07-26 20:46:33 发布

肆追鹰

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量2.3k

点赞数 1

分类专栏： Demos 学习笔记文章标签： html5 canvas 触摸屏 javascript

本文链接：https://blog.csdn.net/stringblog/article/details/20859941

版权

一个好的创意将会成就一个人，就像我画你猜的开发者一样。最近学习HTML5中的canvas,故模仿其以达到练习目的。

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Guess</title>
<style>
h1 {
	text-align:center;
}
#user {
	position:absolute;
	top:12%;
	left:3%;
	height:479px;
	width:300px;
	list-style:none;
	overflow:hidden;
	border:2px #000 solid;
}
#paint {
	margin:10px 425px;
	padding:0px auto;
	border:1px #000 solid;
}
#sendUp {
	margin:auto 425px;
}
#chat {
	position:absolute;
	top:10%;
	left:69%;
	height:479px;
	width:auto;
	list-style:none;
	overflow:hidden;
}
</style>
</head>
<body>
<h1>Guess</h1>
<ul id=user>在线玩家们</ul>
<canvas id=paint width=500 height=500>No supporting!</canvas>
<form id=sendUp>
	<input id=guessResult type=text placeholder=你想说甚么？ />
	<input id=send type=button value=提交 οnclick=sendRes

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

肆追鹰

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML5练习之简陋版我画你猜（一）

一个好的创意将会成就一个人，就像我画你猜的创使者一样。最近学习HTML5中的canvas,故模仿其以达到练习目的。Guessh1 { text-align:center;}#user { position:absolute; top:12%; left:3%; height:479px; width:300px; list-style:none; overflo
复制链接

扫一扫