Darth_EF 发表于 2022-2-14 18:52:39

js怎么操作位图啊

大佬们有没有用过html、js的CanvasRenderingContext2D，我已经有一个映射函数能把(x,y)转换成(x',y')，想把位图通过那个函数映射到canvas上怎么办？

kogawananari 发表于 2022-2-14 19:53:29

位图转成base64带上png前缀让canvas当成url来解析

kogawananari 发表于 2022-2-14 19:54:05

或者用像素操作

Darth_EF 发表于 2022-2-14 20:06:25

kogawananari 发表于 2022-2-14 19:54
或者用像素操作

操作的办法倒是有，也有资料 https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

但是变换操作之后会有一些像素重叠和空缺，我该怎么处理呢?

kogawananari 发表于 2022-2-14 20:45:01

Darth_EF 发表于 2022-2-14 20:06
操作的办法倒是有，也有资料 https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pi ...

为什么会有空缺   {:10_293:} 你手写的矩阵算法吗

Darth_EF 发表于 2022-2-15 14:27:42

kogawananari 发表于 2022-2-14 20:45
为什么会有空缺    你手写的矩阵算法吗

不是矩阵变换，canvas的2d渲染器api自带矩阵变换的操作。
我是想写一个透视拉伸之类的东西。
看了下书想到算法了，不是原图去求变换后的图像，而是在变换后的图像追溯原图。

抗锯齿啥的有点不想写，我得先写别的东西.

看的书是清华大学出版社的《计算机图形学》第九章 (9.5 纹理)
页: [1]
查看完整版本: js怎么操作位图啊