canvas ImageData height 屬性
關於ImageData更多內容可以參閱canvas ImageData 物件一章節。
ImageData物件的height屬性可以返回影象資訊中的高度值。
返回值是一個數字,預設單位是畫素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼imgData.height;
瀏覽器相容:
(1).IE9+瀏覽器支援此屬性。
(2).edge瀏覽器支援此屬性。
(3).谷歌瀏覽器支援此屬性。
(4).火狐瀏覽器支援此屬性。
(5).Opera瀏覽器支援此屬性。
(6).Safari瀏覽器支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> canvas{ border:1px solid black; width:300px; height:150px; } </style> <script> window.onload = () => { let cvs=document.getElementById("ant"); let ctx=cvs.getContext("2d"); let odiv=document.getElementById("show"); let imgData=ctx.createImageData(100,100); for (let i=0;i<imgData.data.length;i+=4){ imgData.data[i+0]=255; imgData.data[i+1]=0; imgData.data[i+2]=0; imgData.data[i+3]=255; } ctx.putImageData(imgData,10,10); odiv.innerHTML=imgData.height } </script> </head> <body> <div id="show"></div> <canvas id="ant">當前瀏覽器不支援canvas標籤</canvas> </body> </html>
程式碼執行效果截圖如下:
非常簡單height屬性返回值就是ImageData物件所包含影象的高度資訊。
相關文章
- canvas ImageData.height 屬性Canvas
- canvas ImageData data 屬性Canvas
- canvas ImageData width 屬性Canvas
- canvas ImageData.data 屬性Canvas
- canvas ImageData.width 屬性Canvas
- canvas ImageData 物件Canvas物件
- canvas globalAlpha 屬性Canvas
- canvas miterLimit 屬性CanvasMIT
- canvas font 屬性Canvas
- canvas globalCompositeOperation 屬性Canvas
- canvas shadowOffsetY 屬性Canvas
- canvas shadowOffsetX 屬性Canvas
- canvas textBaseline 屬性Canvas
- canvas lineJoin 屬性Canvas
- canvas shadowBlur 屬性Canvas
- canvas shadowColor 屬性Canvas
- canvas lineCap 屬性Canvas
- max-height和height屬性的區別簡單介紹
- max-height和height屬性同時設定時的情況
- canvas lineWidth 屬性Canvas
- 為什麼我們要使用min-height和max-height樣式屬性?
- screen.width和screen.height屬性作用介紹
- CSS與canvas屬性設定畫布尺寸CSSCanvas
- CSS 與 canvas 屬性設定畫布尺寸CSSCanvas
- line-height與vertical-align:簡單的屬性不簡單
- HTML5 Canvas 資料持久化儲存之屬性列表HTMLCanvas持久化
- CMake 屬性之全域性屬性
- iOS動畫 屬性屬性解析iOS動畫
- defer 屬性和 async 屬性
- CSS 屬性篇(七):Display屬性CSS
- CMake 屬性之目標屬性
- CMake 屬性之目錄屬性
- html中的table標籤設定寬(width)高(height)屬性時遇到的小問題HTML
- JavaScript私有屬性和靜態屬性JavaScript
- css的line-height屬性值的單位為em或者百分比介紹CSS
- CSS字型屬性和文字屬性詳解CSS
- 私有屬性
- allowfullscreen 屬性