Javascript 如何检查像素是否为空?

Javascript 如何检查像素是否为空?,javascript,image,Javascript,Image,我正在获取一个.gif。我需要知道内容长度是0还是1×1像素。有没有办法通过JavaScript对图像执行此操作?您可以使用Image对象来加载和检查维度,然后再将其加载到DOM中 var img=new Image() img.src=http://lorempixel.com//1/1'; img.addEventListener(“加载”,函数(){ console.log(img.naturalWidth) console.log(img.naturalHeight) },假); //

我正在获取一个
.gif
。我需要知道内容长度是
0
还是1×1像素。有没有办法通过JavaScript对图像执行此操作?

您可以使用
Image
对象来加载和检查维度,然后再将其加载到DOM中

var img=new Image()
img.src=http://lorempixel.com//1/1';
img.addEventListener(“加载”,函数(){
console.log(img.naturalWidth)
console.log(img.naturalHeight)
},假);

//输出1 1
您可以使用
图像
对象加载并检查尺寸,然后再将其加载到DOM

var img=new Image()
img.src=http://lorempixel.com//1/1';
img.addEventListener(“加载”,函数(){
console.log(img.naturalWidth)
console.log(img.naturalHeight)
},假);

//输出1 1
您可以使用
图像
对象加载并检查尺寸,然后再将其加载到DOM

var img=new Image()
img.src=http://lorempixel.com//1/1';
img.addEventListener(“加载”,函数(){
console.log(img.naturalWidth)
console.log(img.naturalHeight)
},假);

//输出1 1
您可以使用
图像
对象加载并检查尺寸,然后再将其加载到DOM

var img=new Image()
img.src=http://lorempixel.com//1/1';
img.addEventListener(“加载”,函数(){
console.log(img.naturalWidth)
console.log(img.naturalHeight)
},假);

//输出1 1
这应该可以为您完成

$('#image')。更改(函数(){
var img=新图像();
img.onload=函数(){
$('#height').html(img.height);
$('#width').html(img.width);
};
img.src=$(this.val();
});

图像URL:
宽度:

高度:
这应该适合你

$('#image')。更改(函数(){
var img=新图像();
img.onload=函数(){
$('#height').html(img.height);
$('#width').html(img.width);
};
img.src=$(this.val();
});

图像URL:
宽度:

高度:
这应该适合你

$('#image')。更改(函数(){
var img=新图像();
img.onload=函数(){
$('#height').html(img.height);
$('#width').html(img.width);
};
img.src=$(this.val();
});

图像URL:
宽度:

高度:
这应该适合你

$('#image')。更改(函数(){
var img=新图像();
img.onload=函数(){
$('#height').html(img.height);
$('#width').html(img.width);
};
img.src=$(this.val();
});

图像URL:
宽度:

高度:
看看gifuct js怎么样

它是js中的gif解析器

decompressFrames(buildPatch)函数的结果返回所有GIF图像帧及其元数据的数组

你也可以得到像素数据

像素数据存储为每个像素的索引列表。这些值都指向colorTable数组中的一个值,该数组包含每个像素应绘制的颜色。gif的每一帧可能不是全尺寸,而是需要在特定位置绘制的补丁。disposalType定义如何在gif画布上绘制补丁。在大多数情况下,该值将为1,表示gif帧应仅绘制在现有gif画布上,而不改变帧面片尺寸以外的任何像素。更多关于这方面的信息可以在这里阅读


看看gifuct js怎么样

它是js中的gif解析器

decompressFrames(buildPatch)函数的结果返回所有GIF图像帧及其元数据的数组

你也可以得到像素数据

像素数据存储为每个像素的索引列表。这些值都指向colorTable数组中的一个值,该数组包含每个像素应绘制的颜色。gif的每一帧可能不是全尺寸,而是需要在特定位置绘制的补丁。disposalType定义如何在gif画布上绘制补丁。在大多数情况下,该值将为1,表示gif帧应仅绘制在现有gif画布上,而不改变帧面片尺寸以外的任何像素。更多关于这方面的信息可以在这里阅读


看看gifuct js怎么样

它是js中的gif解析器

decompressFrames(buildPatch)函数的结果返回所有GIF图像帧及其元数据的数组

你也可以得到像素数据

像素数据存储为每个像素的索引列表。这些值都指向colorTable数组中的一个值,该数组包含每个像素应绘制的颜色。gif的每一帧可能不是全尺寸,而是需要在特定位置绘制的补丁。disposalType定义如何在gif画布上绘制补丁。在大多数情况下,该值将为1,表示gif帧应仅绘制在现有gif画布上,而不改变帧面片尺寸以外的任何像素。更多关于这方面的信息可以在这里阅读


看看gifuct js怎么样

它是js中的gif解析器

decompressFrames(buildPatch)函数的结果返回所有GIF图像帧及其元数据的数组

你也可以得到像素数据

像素数据存储为每个像素的索引列表。这些值都指向colorTable数组中的一个值,该数组包含每个像素应绘制的颜色。gif的每一帧可能不是全尺寸,而是需要在特定位置绘制的补丁。disposalType定义如何在gif画布上绘制补丁。在大多数情况下,该值将为1,表示gif帧应仅绘制在现有gif画布上,而不改变帧面片尺寸以外的任何像素。更多关于这方面的信息可以在这里阅读


onload
检查图像的宽度?如果内容长度不是
0