Por que window.innerHeight/ window.innerWindow nao funciona com document.getElementsByTagName('canvas');Desenhar mesmo objeto javascript em canvas distintosComo atualizar o canvas?OnClick no CanvasImagem perde efeito do CamanJS ao manipular canvasGráfico com CanvasComo copiar um canvas para uma imagemBind Angular com CanvasAjustar imagem dentro do canvasComo fazer animação em quicksort com canvasComo fazer um canvas com texto digitável?
Por que window.innerHeight/ window.innerWindow nao funciona com document.getElementsByTagName('canvas');
Desenhar mesmo objeto javascript em canvas distintosComo atualizar o canvas?OnClick no CanvasImagem perde efeito do CamanJS ao manipular canvasGráfico com CanvasComo copiar um canvas para uma imagemBind Angular com CanvasAjustar imagem dentro do canvasComo fazer animação em quicksort com canvasComo fazer um canvas com texto digitável?
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
comentar |
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
comentar |
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
Por que isso nao funciona?
const canvas = document.getElementsByTagName('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
E isso sim?
const canvas = document.querySelector('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight
javascript dom canvas
javascript dom canvas
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
perguntada 2 horas atrás
Vitor MendonçaVitor Mendonça
748
748
comentar |
comentar |
2 Respostas
2
ativas
mais antigas
votos
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 2 horas atrás
renanzinrenanzin
1.642525
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Sua resposta
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "526"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Desenvolvido por u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Registre-se ou faça log-in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f368168%2fpor-que-window-innerheight-window-innerwindow-nao-funciona-com-document-getelem%23new-answer', 'question_page');
);
Publicar como convidado
Required, but never shown
2 Respostas
2
ativas
mais antigas
votos
2 Respostas
2
ativas
mais antigas
votos
ativas
mais antigas
votos
ativas
mais antigas
votos
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 2 horas atrás
renanzinrenanzin
1.642525
comentar |
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 2 horas atrás
renanzinrenanzin
1.642525
comentar |
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 2 horas atrás
renanzinrenanzin
1.642525
Quando você usa o querySelector, ele retorna o primeiro elemento correspondente, por isso você consegue alterar as propriedades, já no primeiro caso, como mencionado na outra resposta, ele retorna uma lista de elementos, e o acesso é feito por meio do índice.
const canvas = document.querySelector('canvas');
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/querySelector
respondida 2 horas atrás
renanzinrenanzin
1.642525
respondida 2 horas atrás
renanzinrenanzin
1.642525
respondida 2 horas atrás
renanzinrenanzin
1.642525
respondida 2 horas atrás
renanzinrenanzin
1.642525
1.642525
comentar |
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
Porque getElementsByTagName retorna uma lista de elementos, se você quer pegar alguma propriedade do primeiro elemento, tem que usar:
const canvas = document.getElementsByTagName('canvas');
canvas[0].width = window.innerWidth;
canvas[0].height = window.innerHeight;
Ou
const canvas = document.getElementsByTagName('canvas')[0];
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
respondida 2 horas atrás
user141973user141973
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
respondida 2 horas atrás
user141973user141973
311
respondida 2 horas atrás
user141973user141973
311
311
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
New contributor
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
user141973 é começou a colaborar agora com este site. Seja gentil ao pedir esclarecimentos, comentar, e responder.
Consulte nosso Código de Conduta.
comentar |
comentar |
Obrigado por contribuir com o Stack Overflow em Português!
- Certifique-se de responder à pergunta. Entre em detalhes sobre a sua solução e compartilhe o que você descobriu.
Mas evite …
- Pedir esclarecimentos ou detalhes sobre outras respostas.
- Fazer afirmações baseadas apenas na sua opinião; aponte referências ou experiências anteriores.
Para aprender mais, veja nossas dicas sobre como escrever boas respostas.
Registre-se ou faça log-in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fpt.stackoverflow.com%2fquestions%2f368168%2fpor-que-window-innerheight-window-innerwindow-nao-funciona-com-document-getelem%23new-answer', 'question_page');
);
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Registre-se ou faça log-in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Registre-se usando o Google
Registre-se usando o Facebook
Registre-se usando Email e Senha
Publicar como convidado
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
