从HTML画布获取完整尺寸的图像像素数据

时间:2018-06-28 13:55:20

标签: html image-processing canvas

我有一个尺寸为800 x 600的画布,跟着SVG矩阵的尺寸,并且我的图像尺寸大于我的画布。我想在图像上找到一个点,然后放大到该点,同时保持清晰(因此SVG矩阵)。

我正在使用ctx.getImageData()进行一些像素计算,但是它仅在图像的所示部分获取我的像素数据。因此,当我的算法开始对这些空像素数据(画布外部的图像部分)进行计算时,我的算法就疯狂了。

还有其他获取全尺寸图像数据的方法吗?

或者只是调整图像大小以适合我的画布会更容易吗?如果是这样,在放大,平移和缩小后如何变换该点的像素坐标?

假设我有Point 1和Point2。我要先放大到Point 1,转换为Point 2,然后缩小。放大后,在原始图像(放大之前)上计算出的2个点之间的距离非常不同,我的翻译趋于超过第2点。

0 个答案:

没有答案