青春纸盒子

文： 芦苇

你喜欢我笑的样子

我靠上了落寞的窗子

晚风吹起了我的袖子

明月沾湿了你的眸子


转身，你走出了两个人的圈子

树影婆娑，整座院子


挽起袖子

回头，把揽你忧伤一地的影子

装进，青春，这纸盒子


更多代码请关注我的微信小程序: "ecoder"

luwei0915

导航

随笔分类 -  07_Canvas

canvas_19 旋转星空
摘要：效果： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5+JS全屏星空特效</title> <style type="text/ 阅读全文

posted @ 2022-02-10 10:59 芦苇の 阅读(54) 评论(0) 推荐(0)

canvas_18 滚动的小球-小程序版
摘要：<template> <view> <!-- #ifdef APP-PLUS || H5 --> <canvas canvas-id="canvas" class="canvas" :change:start="animate.start" :start="startStatus" :data-wi 阅读全文

posted @ 2022-02-09 18:09 芦苇の 阅读(85) 评论(0) 推荐(0)

canvas_17 下落的小鸟
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2022-01-08 10:19 芦苇の 阅读(39) 评论(0) 推荐(0)

canvas_16 平移与旋转
摘要：效果图： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <style type="text/css"> 8 canvas { 9 border: 1px solid 阅读全文

posted @ 2022-01-07 21:59 芦苇の 阅读(40) 评论(0) 推荐(0)

canvas_15 资源管理器
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewpor 阅读全文

posted @ 2022-01-04 18:52 芦苇の 阅读(31) 评论(0) 推荐(0)

canvas_14 行走的口袋妖怪
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2022-01-03 12:32 芦苇の 阅读(32) 评论(0) 推荐(0)

canvas_13 雨滴特效
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2022-01-02 02:20 芦苇の 阅读(67) 评论(0) 推荐(0)

canvas_12 跟随鼠标的小球
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2022-01-01 10:27 芦苇の 阅读(47) 评论(0) 推荐(0)

canvas_11 requestAnimationFrame 与 小球
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-29 02:36 芦苇の 阅读(38) 评论(0) 推荐(0)

canvas_10 像素动态文字
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-12-27 01:30 芦苇の 阅读(114) 评论(0) 推荐(0)

canvas_09 像素文字
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-12-27 01:26 芦苇の 阅读(48) 评论(0) 推荐(0)

canvas_08 数字时钟
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-27 01:21 芦苇の 阅读(42) 评论(0) 推荐(0)

canvas_07 炫彩小球
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-27 01:12 芦苇の 阅读(43) 评论(0) 推荐(0)

canvas_06 线性小球
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-27 01:02 芦苇の 阅读(38) 评论(0) 推荐(0)

canvas_05 面向对象的小球
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-27 00:44 芦苇の 阅读(29) 评论(0) 推荐(0)

canvas_04 碰撞检测
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-26 22:21 芦苇の 阅读(39) 评论(0) 推荐(0)

canvas_03 圆形进度条
摘要：效果图： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="vi 阅读全文

posted @ 2021-12-26 22:01 芦苇の 阅读(29) 评论(0) 推荐(0)

canvas_02 条形统计图
摘要：效果图： code: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta na 阅读全文

posted @ 2021-12-26 19:59 芦苇の 阅读(67) 评论(0) 推荐(0)

canvas_01 基础
摘要：canvas: <canvas canvas-id="myCanvas" id="myCanvas" style="border: 1px solid red;height: 500px;width: 500px;" /> 1. 矩形 1.1 绘制矩形 fillRect(x, y, width, h 阅读全文

posted @ 2021-04-22 18:50 芦苇の 阅读(114) 评论(0) 推荐(0)