不朽的飞翔 - 博客园

2022年1月15日

摘要：取ul下的li个数，取table下的tr个数，可能都会用取一个节点下同类子节点这类代码，特写在这里以备查。 <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset= 阅读全文

posted @ 2022-01-15 12:17 不朽的飞翔阅读(95) 评论(0) 推荐(0)

【Canvas】绘制直方图例子

摘要：放一个Canvas绘制直方图的例子在这里，以备日后不时之需。先上图：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head 阅读全文

posted @ 2022-01-15 12:12 不朽的飞翔阅读(195) 评论(0) 推荐(0)

2022年1月14日

【Canvas】外摆线轨迹

摘要：把摆线的水平面换成圆，便形成了圆外摆线，如图：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>圆外摆阅读全文

posted @ 2022-01-14 09:46 不朽的飞翔阅读(172) 评论(0) 推荐(0)

【Canvas】内摆线轨迹

摘要：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>圆内摆线模拟</title> <style type= 阅读全文

posted @ 2022-01-14 09:44 不朽的飞翔阅读(148) 评论(0) 推荐(0)

2022年1月13日

【Canvas】摆线模拟

摘要：摆线是轮上一点的轨迹，又称最快降速线。先上图：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>摆线阅读全文

posted @ 2022-01-13 11:21 不朽的飞翔阅读(96) 评论(0) 推荐(0)

2022年1月12日

【JS】JS正则表达式常见用法（验证、查找和替换）

摘要：常用的东西，写在这里以备查：代码： // 字符串校验 var regex=/\d+/g; var target='01234'; console.log("1."+regex.test(target)); // true target='abcde'; console.log("2."+regex 阅读全文

posted @ 2022-01-12 16:42 不朽的飞翔阅读(1089) 评论(0) 推荐(0)

【Canvas】十八世纪火炮实心球弹发射轨迹模拟

摘要：先上图：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>十八世纪火炮实心球弹发射轨迹模拟</titl 阅读全文

posted @ 2022-01-12 11:05 不朽的飞翔阅读(127) 评论(0) 推荐(0)

【Canvas】勾画二次曲线

摘要：效果：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>二次曲线控制板</title> <style 阅读全文

posted @ 2022-01-12 09:51 不朽的飞翔阅读(80) 评论(0) 推荐(0)

【Canvas】狗撵兔子和贝塞尔曲线

摘要：先上图：代码： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>狗撵兔子与贝塞尔曲线</title> <st 阅读全文

posted @ 2022-01-12 09:51 不朽的飞翔阅读(119) 评论(0) 推荐(0)

2022年1月9日

【Canvas】将屏幕坐标系转换成笛卡尔坐标系

摘要： Canvas绘图里的坐标系是左上角为原点，向右为X正向，向下为Y正向，这被称为屏幕坐标系；如果绘制的内容和几何无关，屏幕坐标系倒也没什么，熟悉了也就好了；但如果要重现几何问题，那人工变换来变换去既伤脑筋，也没必要。我们可以在绘制之前将ctx变换好，代码如下： // 进行屏幕坐标系到笛卡尔坐标系阅读全文

posted @ 2022-01-09 09:16 不朽的飞翔阅读(1097) 评论(0) 推荐(0)

公告