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获取图片的原始高度简单介绍就介绍到这了。