不朽的飞翔 - 博客园

2022年1月9日

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

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

【Canvas】锯锯齿左右开门效果

摘要：源码下载：https://files.cnblogs.com/files/heyang78/imma220107.rar 如果不知道锯锯齿左右开门效果为何物，请看下面三张效果图： 1. 2. 3. 代码： <!DOCTYPE html> <html lang="utf-8"> <meta http- 阅读全文

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

【Canvas】线性渐变色例子-垂直方向渐变

摘要： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>线性渐变色例子-垂直方向渐变</title> </head> 阅读全文

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

2021年12月26日

【JS】利用中国古老的天干地支给文件命名

摘要：【需求】有若干实质为SQL的变量，取值后生成文件下载，需要拟定一个不容易重复的初始名，本以时间戳命名，后发现过长且不好记忆。【解决方案】从天干中取一个随机值，从地支中取一个随机值，合成初始名。此名兼具简短、重复率低和易记的特点。【JS代码】 // // 使用天干地支生成名字，有简短重名率低的阅读全文

posted @ 2021-12-26 17:37 不朽的飞翔阅读(80) 评论(0) 推荐(0) 编辑

2021年12月25日

【JS】利用闭包自制的沙漏类

摘要：【需求】某应用有一耗时任务，目的是取出一批员工数据显示在页面上，但由于奇特的网络环境，每次调用都要数秒，客户要求在页面上动态显示耗时。【坑】动态显示耗时，多会用spanId，setInterval(funciton,mseconds),clearInterval(handler),startT 阅读全文

posted @ 2021-12-25 09:44 不朽的飞翔阅读(54) 评论(0) 推荐(0) 编辑

2021年12月23日

【JS】计时器的三次进化

摘要： 1 1. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计时器</title> <style type="text/css"> </style> </head> <body> <table border=1> <tr> <td 阅读全文

posted @ 2021-12-23 22:54 不朽的飞翔阅读(21) 评论(0) 推荐(0) 编辑

2021年12月22日

【JS】回调函数示例

摘要： <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>回调函数示例</title> <style type="tex 阅读全文

posted @ 2021-12-22 22:08 不朽的飞翔阅读(32) 评论(0) 推荐(0) 编辑

2021年12月20日

【CSS】让图片在高宽固定的div里水平垂直都居中的三种办法

摘要：效果：实现一：绝对定位加精算 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <style type="text/css"> .parentDiv{ width:200px; height:40 阅读全文

posted @ 2021-12-20 21:56 不朽的飞翔阅读(353) 评论(0) 推荐(0) 编辑

2021年12月19日

【CSS】如何制作圆角矩形图片

摘要：制作圆角的关键在于设置img的border-radius属性。先上效果图（此效果在最新FF和貌似老旧的Editplus3中都好用）：代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圆角Img示例</title> <s 阅读全文

posted @ 2021-12-19 10:35 不朽的飞翔阅读(314) 评论(0) 推荐(0) 编辑

2021年12月17日

【CSS/JS】如何防止div被动态内容撑大后覆盖下方内容

摘要：问题：某网页中用表格做了一左一右一下三个单元格，每个单元格里各放一个div，运行时发现右div里内容过多会覆盖下方div。解决方案：给右div设置min-height或是设置display为table或是table-cell，设置后当右div被内容撑开时，所在的td也会跟着撑开，这样原始的一左一右阅读全文

posted @ 2021-12-17 19:30 不朽的飞翔阅读(1009) 评论(1) 推荐(0) 编辑

公告