青春纸盒子

文： 芦苇

你喜欢我笑的样子

我靠上了落寞的窗子

晚风吹起了我的袖子

明月沾湿了你的眸子


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

树影婆娑，整座院子


挽起袖子

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

装进，青春，这纸盒子


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

luwei0915

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

随笔分类 -  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 芦苇の 阅读(42) 评论(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 芦苇の 阅读(70) 评论(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 芦苇の 阅读(34) 评论(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 芦苇の 阅读(34) 评论(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 芦苇の 阅读(24) 评论(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 芦苇の 阅读(29) 评论(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 芦苇の 阅读(58) 评论(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 芦苇の 阅读(42) 评论(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 芦苇の 阅读(33) 评论(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 芦苇の 阅读(101) 评论(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 芦苇の 阅读(45) 评论(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 芦苇の 阅读(35) 评论(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 芦苇の 阅读(39) 评论(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 芦苇の 阅读(33) 评论(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 芦苇の 阅读(25) 评论(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 芦苇の 阅读(33) 评论(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 芦苇の 阅读(21) 评论(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 芦苇の 阅读(61) 评论(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 芦苇の 阅读(104) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示