Sam哥

这一节我们来探讨距离场构图法。 我们回顾一下前面绘制圆的思路，就是定义每个像素点的一个距离，例如每个点到圆心的距离，再根据距离值来计算颜色值。 其实我们可以将这种方式抽象化，变成一种普遍的方法，我们可

本节主要介绍 shader 中一些重要的内置函数用法。 length length 函数用于计算向量的长度（模长），例如对于一个二维向量vec2(3,4),可以根据勾股定理求得长度 利用length函

这一节我们来熟悉 shader 语法规则以及一些常用的函数。 首先我们把顶点着色器的两个三角形拓展到整个canvas区域,这样方便我们将位置进行转换与计算， 后续我们所有的片元着色器绘画都是在这个两个

Shader（着色器）是一种在计算机图形学中用于处理图形渲染的程序，它们运行在图形处理单元（GPU）上，通常用于定义绘制或变换图形的方式。Shader主要分为两类：顶点着色器（Vertex Shade

在做一个短信/邮件模板配置的功能时，例如下图，需要在文本 textarea 组件内输入需要给用户发送的短信内容,但是每个人的姓名是不一样的，需要后端在发送短信时，将字符串里一些固定的变量（约定了变量用

前言 时光飞逝，不知不觉地已经在前端领域已经练习时长五年半了。工作内容无非就是做做后台管理系统的增删改查居多，也做过一些可视化方面的项目，现在看来也是太普通，太没技术含量的活了。随着 ChatGPT

最近有个页面打印图片的小需求，就是界面有些图片，例如客户的证件照片，我们希望可以点击图片旁边的打印小按钮，就可以将这张图片直接打印到A4纸张上。 浏览器 window 对象提供了 print 方法，可

SVG 中常常使用 path 的 stroke-dasharray 和 stroke-dashoffset 属性来实现描边动画效果。 stroke-dasharray 属性用来给 path 添加虚线效果。例如有一条直线路径，假设宽度为10px，填充色为蓝色，长度为400px: …

闭包是 JavaScript 中一个难以理解的概念。简单来说闭包是能够能够读取其他函数内部变量的函数。 例如下面函数b也是一个闭包。 当函数定义时，函数会有一个作用域链的东西来记录函数可以访问哪些变量，这个作用域分为全局作用域和函数作用域。函数作用域只有运行时才会被加入到作用域…