查看默认display属性： Canvas竟然是行内元素！CSS vertical-align基线对齐、预留空间，好坑啊！ 下面这个说的比较清楚： https://www.bilibili.com/video/av943276909/?vd_source=231d7c3163c9cccae49860ce37d317a7

核心命令1pkg [options] <input> 核心参数说明 -t: 指定目标类型，多个类型可用逗号分隔添加 -c: 指定配置文件 –out-path: 指定输出目录 -d: 显示 debug 信息，可以看到虚拟目内的文件结构，但因为加载了 node_modules，有点没法看 目标类型target 分为三个部分，使用中划线分隔：[node 版本]-[平台]-[系统架构] 示

重绘通过清除画布，重新传值给绘制函数，重新绘制。缺点是每次绘制都需要更新所有的点。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838

绘制图片需要使用纹理，WebGL 渲染时需要裁剪空间，渲染纹理时需要纹理坐标，纹理坐标的范围始终是 0.0~1.0 创建程序 查找属性位置 创建 Buffer(接收外部数据) 关联 Buffer 与内部状态 传递数据 设置可视区域尺寸 指定使用程序 开启顶点属性 指定获取外部数据方式 设置分辨率 绘制 像素处理(颜色反转、计算、卷积内核) 123456789101112131415161718

退出 快捷键 描述 Ctrl-x Ctrl-c 退出emacs Ctrl-z 最小化emacs 翻页 快捷键 描述 Ctrl + v 向下滚动一屏 Meta + v 向上移动一屏 Ctrl + l 重绘屏幕，并将光标所在行移动至中央(连续按可以在上中下反复横跳) 基本的光标控制 快捷键 描述 Ctrl + p 上一行 Ctrl + n 下一行

顶点着色器一个顶点着色器的工作是生成裁剪空间坐标值，通常是以下的形式 123void main() { gl_Position = doMathToMakeClipspaceCoordinates} 每个顶点调用一次（顶点）着色器，每次调用都需要设置一个特殊的全局变量 gl_Position， 该变量的值就是裁减空间坐标值 顶点着色器需要的数据，可以通过以下三种方式获得:

WebGL 在 GPU 上的工作基本上分为两部分，第一部分是将顶点（或数据流）转换到裁剪空间坐标， 第二部分是基于第一部分的结果绘制像素点 传值可以使用 varyings(可变量) 关于 buffer 和 attribute缓冲操作是在 GPU 上获取顶点和其他顶点数据的一种方式。 gl.createBuffer 创建一个缓冲；gl.bindBuffer 是设置缓冲为当前使用缓冲； gl.buff

概述WebGL 在电脑的 GPU 中运行。因此你需要使用能够在 GPU 上运行的代码。 这样的代码需要提供成对的方法。每对方法中一个叫顶点着色器， 另一个叫片段着色器，并且使用一种和 C 或 C++类似的强类型的语言 GLSL。 (GL 着色语言)。 每一对组合起来称作一个 program（着色程序）。 顶点着色器的作用是计算顶点的位置。根据计算出的一系列顶点位置，WebGL 可以对点， 线和三角

关于上下文上下文是一种访问工作流运行、变量、运行器环境、作业及步骤相关信息的方式。 每个上下文都是一个包含属性的对象，属性可以是字符串或其他对象。 使用表达式访问上下文1${{ <context> }} 访问上下文的两种方式 github[‘sha’] github.sha 上下文类型 默认环境变量：仅存在于执行作业的运行器上 上下文：你可以

使用变量12345678jobs: example-job: steps: - name: Connect to PostgreSQL run: node client.js env: POSTGRES_HOST: postgres POSTGRES_PORT: 5432 添加脚本到工作流程