HTML5获取图片的原始高度简单介绍

快乐打工仔 分类:实例代码

HTML5获取图片的原始高度简单介绍属于前端实例代码,有关更多实例代码大家可以查看

在html5中提供了naturalWidth和naturalHeight属性,它们能够获取一个图片真实的尺寸。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/wp-content/uploads/front-end-tutorial/tree.jpg" width="50" height="50"/></div>
</body> 
</html>

以上代码可以在div元素中显示真的宽度。

相关阅读:

(1).document.getElementById参阅document.getElementById()一章节。

(2).innerHTML参阅JavaScript innerHTML 属性一章节。

(3).naturalWidth参阅JavaScript naturalWidth 属性一章节。

HTML5获取图片的原始高度简单介绍,这样的场景在实际项目中还是用的比较多的,关于HTML5获取图片的原始高度简单介绍就介绍到这了。

回复

我来回复
  • 暂无回复内容