hello everyone how i can i get device width and height using ionic framework. I want to create a canvas which is filling the whole screen of device even the content is null the canvas should be filled with a background color covering whole device . Thank you

Use $window.innerHeight and $window.innerHeight. You may have to watch for changes mainly for orientation.

its not working there is a blank space even if i add $window.innerHeight and $window.innerWidth

var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); context.font = "30px Arial"; context.fillStyle="#F5F3EE"; context.fillRect(0,0, window.innerWidth, window.innerHeight); context.fillStyle="black"; context.…

use: window.screen.width window.screen.height

@hussainanver52 It’s $window not window if you want to use angular service and you should inject it in your controller.

window.screen.width window.screen.height not fitting the width or height

$window is not creating the canvas also its making a blank area

Have you checked the values under debugger? Maybe you should post a codepen.

i am not much fluent in codepen in debugger console i get error $window is not definned I am putting my javascript and html code below for reference js is var canvas = document.getElementById('mycanvas'); var context = canvas.getContext('2d'); context.font = "30px Arial";…

How to get device width and height

ionic-v1

gmarziou July 15, 2015, 10:13am 4

Please show some code, you injected $window in yoru conrtoller, right?

Topic		Replies	Views
Dynamically read width/height of canvas in <ion-content> Ionic Framework	0	2656	September 17, 2019
Unexpected value for window.innerWidth on Android ionic-v3	1	1616	May 18, 2017
Get height of ion-nav-bar ionic-v1	1	1082	July 20, 2015
How to get Screen Size with Ionic React? Ionic React	2	4341	July 29, 2021
Get div height without Jquery ionic-v1	16	5838	October 26, 2015

How to get device width and height

Related topics