技术栈
webassembly
花褪残红青杏小
5 天前
rust
·
webassembly
·
图形学
Rust图像处理第19节-RGB 色彩矩阵变换:矩阵 × 向量 = 像素变换
🦀 Rust + WASM 实战系列 第 19 篇 阅读时间:约 5 分钟 | 实战可运行Part 1 任务 5 讲了 7 种"单色滤镜"——sepia、灰度、暖色调……每个都是手写 RGB 系数:
花褪残红青杏小
6 天前
rust
·
webassembly
·
图形学
Rust图像处理第18节-分形画布缩放 + 拖拽交互:图像缩放 + f32 性能优化
🦀 Rust + WASM 实战系列 第 18 篇 阅读时间:约 8 分钟 | 实战可运行前两篇(16 曼德博、17 Julia)只能滑块调参数——没法"画布式"探索分形。
花褪残红青杏小
7 天前
rust
·
webassembly
·
图形学
Rust图像处理第17节-Julia 朱利亚分形:拖动常数 c 看图实时变化
🦀 Rust + WASM 实战系列 第 17 篇 阅读时间:约 6 分钟 | 实战可运行上一篇讲了 Mandelbrot——c 在复平面上变化(每个像素一个 c),z₀ = 0 固定。
花褪残红青杏小
8 天前
rust
·
webassembly
·
图形学
Rust图像处理第16节-曼德博集合 Mandelbrot:用一行公式画出无限细节
曼德博集合 Mandelbrot:四个步骤学会算法🦀 Rust + WASM 实战系列 第 16 篇 阅读时间:约 6 分钟 | 实战可运行
花褪残红青杏小
12 天前
rust
·
webassembly
·
图形学
Rust图像处理第15节-鱼眼广角畸变:非线性几何变换
🦀 Rust + WASM 实战系列 第 15 篇 阅读时间:约 6 分钟 | 实战可运行前2篇做的翻转、旋转、缩放、斜切——全部是"线性变换",都能写成一个矩阵 MM M。
花褪残红青杏小
13 天前
rust
·
webassembly
·
图形学
Rust图像处理第14节-图片缩放与斜切畸变:齐次坐标 + 共享仿射变换
🦀 Rust + WASM 实战系列 第 14 篇 阅读时间:约 8 分钟 | 实战可运行上一篇用 Matrix2 做了任意角度旋转。Matrix2 够用,但有个限制:没法表示平移。
花褪残红青杏小
13 天前
rust
·
webassembly
·
图形学
Rust图像处理第13节-任意角度旋转:旋转矩阵 + 双线性插值 + 自动补白边
🦀 Rust + WASM 实战系列 第 13 篇 阅读时间:约 10 分钟 | 实战可运行上一篇做的 90° 旋转只动"整数坐标",是特例。
花褪残红青杏小
14 天前
rust
·
webassembly
·
图形学
Rust图像处理第12节-图片翻转与旋转:坐标重映射几何变换
🦀 Rust + WASM 实战系列 第 12 篇 阅读时间:约 7 分钟 | 实战可运行前两部分做了 11 个图像处理算法,但都不改变像素的位置——只是改颜色。
花褪残红青杏小
17 天前
rust
·
webassembly
·
图形学
Rust图像处理第11节-故障风 RGB 通道偏移:错位错色制造电子故障
🦀 Rust + WASM 实战系列 第 11 篇 阅读时间:约 5 分钟 | 实战可运行最后一篇邻域卷积,也是唯一一个不用卷积核的——靠像素坐标重映射就能实现"赛博朋克"风格。
花褪残红青杏小
17 天前
rust
·
webassembly
·
图形学
Rust图像处理第10节-浮雕/雕刻滤镜:邻域差值生成凹凸效果
🦀 Rust + WASM 实战系列 第 10 篇 阅读时间:约 5 分钟 | 实战可运行Sobel(任务 9)用两个 3×3 核检测边缘。浮雕 = Sobel 的"亲戚"——用 1 个核,把"边缘"变成"凹凸"。
花褪残红青杏小
18 天前
rust
·
webassembly
·
图形学
Rust图像处理第9节-Sobel 边缘检测:第一个真正用卷积的算法
🦀 Rust + WASM 实战系列 第 9 篇 阅读时间:约 10 分钟 | 实战可运行前 8 篇我们做的"模糊"、"马赛克"、"暗角",没有真正用到卷积——只是"邻域里算个平均/中值"。
花褪残红青杏小
19 天前
rust
·
webassembly
·
图形学
Rust图像处理第8节-暗角 & 复古胶片特效:四周衰减中心高亮
🦀 Rust + WASM 实战系列 第 8 篇 阅读时间:约 5 分钟 | 实战可运行有没有觉得,专业相机拍的照片四周总有一圈暗影?这不是镜头脏了,这是"暗角(Vignette)"——艺术效果,不是缺陷。
花褪残红青杏小
20 天前
rust
·
webassembly
·
图形学
Rust图像处理第7节-马赛克像素化:分块取平均色实现打码风格
🦀 Rust + WASM 实战系列 第 7 篇 阅读时间:约 5 分钟 | 实战可运行模糊是把像素"柔化",马赛克是把像素"涂掉"——同一块内全变成一个颜色。
用户29869853014
20 天前
javascript
·
react.js
·
webassembly
在 React 中使用 JavaScript 将 Excel 转换为 PDF
在日常数据处理和报表生成场景中,将 Excel 文件转换为 PDF 格式是一项常见需求。PDF 的跨平台兼容性和稳定的排版表现,使其成为文档共享和归档的理想选择。本文介绍如何利用 Spire.XLS for JavaScript 这个基于 WebAssembly 的库,在 React 应用中实现这一转换功能。
花褪残红青杏小
21 天前
rust
·
webassembly
·
图形学
Rust图像处理第6节- 均值模糊 & 中值模糊:3×3 邻域的两种经典玩法
🦀 Rust + WASM 实战系列 第 6 篇 阅读时间:约 6 分钟 | 实战可运行前 5 篇都是单像素操作——每个像素独立算,互不干扰。
带娃的IT创业者
2 个月前
操作系统
·
前端开发
·
webassembly
·
虚拟化技术
·
数字考古学
·
windows 95
·
复古计算
数字考古学:当整个操作系统史被装进一个浏览器
打开浏览器,输入一个网址。几秒钟后,你的屏幕上出现了一个布满像素化图标、窗口边框带有立体阴影、启动音效是8-bit风格的操作系统界面——这不是复古模拟器,而是一个真正运行在浏览器中的Windows 95。你可能觉得这只是一个怀旧玩具,但如果告诉你,有人把从CP/M到Windows 11、从Mac OS System 1到最新的Linux发行版,几乎每一个你能想到的操作系统都装进了同一个虚拟博物馆,你会怎么想?
Maimai10808
2 个月前
前端
·
javascript
·
react.js
·
microsoft
·
前端框架
·
reactjs
·
webassembly
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
在React实时数据场景里,我们通常会想到三种方案:轮询、WebSocket、SSE。轮询最简单,但资源浪费明显;WebSocket 支持双向通信,但连接管理、心跳、重连、鉴权、服务端维护成本都更高;SSE 则适合一种很常见的场景:服务端持续向前端推送数据,但前端不需要频繁反向发送消息。
Maimai10808
2 个月前
前端
·
javascript
·
react.js
·
前端框架
·
web3
·
状态模式
·
webassembly
前端如何落地 SSE:从实时评论到可复用的实时数据 Hook
在前端项目里,“实时更新”是一个很常见的需求。比如:一说到实时通信,很多人第一反应是 WebSocket。但实际上,WebSocket 并不是所有实时场景的默认答案。
用户88766542663
2 个月前
webassembly
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
在React实时数据场景里,我们通常会想到三种方案:轮询、WebSocket、SSE。轮询最简单,但资源浪费明显;WebSocket 支持双向通信,但连接管理、心跳、重连、鉴权、服务端维护成本都更高;SSE 则适合一种很常见的场景:服务端持续向前端推送数据,但前端不需要频繁反向发送消息。
kyriewen
2 个月前
前端
·
rust
·
webassembly
你的前端滤镜慢得像PPT?用Rust+WebAssembly,一秒处理4K图
你给网页加了个“复古滤镜”功能,结果一拖动滑块,页面直接卡死。用户点一下,风扇狂转,手机发烫。今天我们用 Rust + WebAssembly 写一个图片滤镜,让图像处理速度飞起来。原来C++能做的事,Rust也能做,而且更安全、更简单。