摘要: 目标 实现如图所示的同一面板内不同的字体大小。 实现 使用px实现 通常可能是分别指定一个固定的 font-size ,代码可能如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X 阅读全文
posted @ 2021-02-24 17:26 blogCblog 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 目标 需要实现如下的效果 要求 要求内容能够自适应,比如添加步骤5、步骤6, 内容能够自动等宽,而不是手动修改width; 步骤之间的横线也要自适应,能够随着页面宽度的拉伸而伸长; 步骤数字能够自动计算,而不是手动修改添加; 良好的语义化 思路 页面布局使用 ul li; 步骤圆的效果使用 box- 阅读全文
posted @ 2021-02-24 02:57 blogCblog 阅读(4894) 评论(0) 推荐(2) 编辑
摘要: 问题 如:0xf5 转 十进制, 使用 parseInt('f5', 16) 进行转换,结果为:245。结果没错,但不是我想要的结果。 JS 在转换时,把 0xf5 看作是多字节的,高位字节补 0。完整格式为:0x000000f5 或者 0x0000000000000000f5 (反正比0xf5单字 阅读全文
posted @ 2020-12-22 02:59 blogCblog 阅读(1133) 评论(0) 推荐(0) 编辑
摘要: 前言 在使用fluent-ffmpeg时,ffprobe方法无论添加什么选项都只返回视频的元信息。 如下图:下图是获取视频信息的函数 如下图:下图为调用并打印出视频信息 使用ffprobe不管添加什么参数,第一张图添加了 ['-v', 'quiet', '-select_streams', 'v', 阅读全文
posted @ 2020-12-20 22:24 blogCblog 阅读(2473) 评论(0) 推荐(0) 编辑
摘要: 原理 字符画是计算每个像素上的灰度值并与预定好的字符列表进行替换。 1:灰度值能够明确知道每个像素的明暗度; 2:计算出图片上每个像素上的灰度值(值范围在 0 ~ 255); 3:有一个字符列表,灰度值虽然最大为 255,但并字符列表的元素个数不一定要256个; 效果 整理 既然使用JS实现,那么就 阅读全文
posted @ 2020-08-18 14:13 blogCblog 阅读(1158) 评论(0) 推荐(0) 编辑
摘要: 前言 字体加密在源代码中是乱码的,但在浏览器显示是正常的。 本博文仅供学习研究。 加密 字体加密的大概流程: 1、在后端返回数据到前端时,将一个unicode编码与被加密字符映射并生成字体文件; 2、此时后端返回的数据是与被加密字符映射的unicode,此unicode与加密字符并无关系,根据编码表 阅读全文
posted @ 2020-03-15 13:05 blogCblog 阅读(4197) 评论(4) 推荐(0) 编辑