随笔分类 - 随笔
摘要：/** * 文本转图片 * @param {Object} options - 配置项 * @param {string} text - 文本 * @param {number} [width=200] - 图片宽度 * @param {number} [height=200] - 图片高度 * @
阅读全文
摘要：<body> <video id="video" style="width: 400px"></video> <canvas id="canvas" style="width: 400px"></canvas> <br /> <button type="button" onclick="takePi
阅读全文
摘要：.vtt .vtt 的格式 WEBVTT 00:00:00.000 --> 00:00:12.000 第一条字幕 00:00:18.700 --> 00:00:21.500 第二条字幕 00:00:22.800 --> 00:00:26.800 第三条字幕 ... 添加字幕 <video contr
阅读全文
摘要：// 快速排序 function quickSort(arr) { if (arr.length <= 1) { return arr; } const pivot = arr[0]; const left = []; const right = []; for (let i = 1; i < ar
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.
阅读全文
摘要：/** * 把AudioBuffer转换为WAVE音频资源 * @param {AudioBuffer} abuffer - 音频数据 * @param {number} len - 音频数据的总样本数 = 每秒钟的采样次数(audioBuffer.sampleRate) * 音频数据的总时长(au
阅读全文
摘要：Intl.Collator 排序器的构造函数，可以支持对语言敏感的字符串比较 let list = [1, 2, 3, 10, 11, 12, 20, 21, 22, 100, 102, 103, 200, 201, 202, 130, 220]; // numeric: 是否按照数值进行比较 le
阅读全文
摘要：function convertToChineseYuan(num) { let strOutput = ''; let strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'; num += '00'; const intPos = num.indexOf('.'); if (intPos >= 0
阅读全文
摘要：adb 版本大于 30 无线调试 -> 使用配对码配对设备 终端输入命令： adb pair ip地址:port端口 (替换为对应的ip和端口)，回车后，继续输入WLAN配对码 成功提示 Successfully paired to 192.168.137.21:38583 [guid=adb-xx
阅读全文
摘要：navigator.share <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"
阅读全文
摘要：捕获摄像头，检测人脸识别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
阅读全文
摘要：一个针对图像中的人脸进行识别的底层加速平台组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scala
阅读全文
摘要：# linux lsof -i:3000 # or netstat -tupln | grep 3000 # window netstat -ano | findstr 3000
阅读全文
摘要：requestVideoFrameCallback: 将新视频帧发送到合成器时运行的回调函数 requestVideoFrameCallback() 的用法与 Window.requestAnimationFrame() 相同。您可以使用它来运行一个回调函数，该函数在下一个视频帧发送到合成器时执行某
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Eleme
阅读全文
摘要：CSS Counter Styles 允许您自动对 HTML 文档中的元素进行编号或标记。我们定义一个具有特定名称和起始值的 counter，然后根据 CSS 规则递增或递减该计数器。 使用 counter-reset 属性定义计数器，设置其起始值，然后使用 counter-increment 属性
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.
阅读全文
摘要：canvas 裁剪图片功能实现 选择图片文件，预览原图 裁剪图片 显示裁剪后的图片 调整裁剪区域大小 获取裁剪后的图片 图片裁剪功能优化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view
阅读全文
摘要：拖动 range, 查看压缩效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
