html5
关注
分享
扫一扫
文章平均质量分 91
Supreme_lwl
这个作者很懒，什么都没留下…
展开
-
canvas常用方法总结
一、渲染上下文var canvas = document.getElementById('tutorial');//获得 2d 上下文对象var ctx = canvas.getContext('2d');二、绘制形状绘制矩形fillRect(x, y, width, height)：绘制一个填充的矩形。strokeRect(x, y, width, height)：绘制一个矩形的边框。clearRect(x, y, widh, height)：清除指定的矩形区域，然后这块区域会变的原创 2020-08-01 15:15:46 · 3899 阅读 · 0 评论 -
html5+css3+jquery实现实时进度条
效果：完整代码：<!DOCTYPE html><html><head> <title>进度条</title> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></scri...原创 2020-04-06 12:13:29 · 425 阅读 · 0 评论 -
使用html5的canvas绘制网格（详细注释，一看就会）
效果图：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./arrow.js"></script></head>...原创 2020-03-27 22:10:21 · 3108 阅读 · 0 评论 -
html5+css3案例——仿瓢城旅行网
一、主页二、机票订购页面三、index.html<!DOCTYPE html><html><head> <title>瓢城旅行网</title> <meta charset="utf-8" /> <link href="css/index.css" rel="stylesheet" type="tex...原创 2020-03-26 18:06:27 · 5553 阅读 · 4 评论 -
html5 required属性实现表单验证效果
界面：代码：<!DOCTYPE html><html><head> <title>注册</title> <style type="text/css"> .login-form{ width: 400px; height: 300px; margin:100px auto; border...原创 2020-03-11 23:45:04 · 1325 阅读 · 0 评论 -
html5实现商品拖拽到购物车效果/drag
描述：从商品列表拖动商品到购物车之后，购物车将会增加一个商品，同时这个商品在商品列表中不会消失。如果购物车列表已经存在这个商品，则此次操作无效。主界面：代码：<!DOCTYPE html><html><head> <title>购物车</title> <style type="text/css"> .dra...原创 2020-03-11 23:42:03 · 3702 阅读 · 0 评论