Skip to main content
Tipo da pesquisa Sintaxe da busca
Tags [tag]
Exatamente "palavras aqui"
Autor user:1234
user:me (seu)
Pontuação score:3 (3+)
score:0 (nenhum)
Respostas answers:3 (3+)
answers:0 (nenhum)
isaccepted:yes
hasaccepted:no
inquestion:1234
Visualizações views:250
Código code:"if (foo != bar)"
Seções title:maçãs
body:"maçãs laranjas"
URL url:"*.example.com"
Saves in:saves
Status closed:yes
duplicate:no
migrated:no
wiki:no
Tipos is:question
is:answer
Excluir -[tag]
-maçãs
Para obter mais detalhes sobre a pesquisa avançada visite nossa página de ajuda
Resultados com a tag
Opções de pesquisa not deleted user 60947

Canvas é um elemento da HTML5 destinado a delimitar uma área para renderização dinâmica de gráficos. Todo o trabalho de criação e animação é realizado atráves de linguagens de programação dinâmica, por exemplo JavaScript.

1 voto
Aceito

Canvas - desenhar imagem repetida

A API do canvas tem uma funcionalidade para padrões. … Um exemplo: var canvas = document.getElementById("my_canvas"), context = canvas.getContext("2d"), var img = new Image(); img.src = 'http://bit.ly/2fDRYfC'; img.onload = function(){ var pattern …
tomasantunes's user avatar
  • 1.776
0 votos

Onde colocar rotate Canvas neste codigo

talvez assim: crop_canvas = document.createElement('canvas'); crop_canvas.width = width; crop_canvas.height = height; crop_canvas.getContext('2d').rotate(grausAtual * Math.PI / 180); crop_canvas.getContext …
tomasantunes's user avatar
  • 1.776
0 votos
Aceito

Adicionar animação de "carregando" no elemento canvas enquanto gera a imagem

video.src = link[x].value; } for (var i = 0; i < loaders.length; i++) { loaders[i].style.display = "none"; } } function generateThumbnail(video, link) { let canvas … (".video-container").appendChild(canvas); }; window.onload = thumbnailList(); .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-container { position …
tomasantunes's user avatar
  • 1.776
1 voto

Como adicionar um header a uma imagem capturada com html2canvas?

telaPrint.prepend(img); converter(); header.remove(); img.remove(); } } function converter(){ html2canvas(document.getElementById('telaPrint')).then(function (canvas
tomasantunes's user avatar
  • 1.776
0 votos

Gráfico com Canvas

<canvas id="canvas_grafico" width="500" height="500"> </canvas> // arquivo: grafico.js function Grafico(context, x, y, tamanhoX, tamanhoY) { //Contexto necessário para desenhar no canvas this.context … 0123456789ABCDEF'.split(''); var cor = '#'; for (var i = 0; i < 6; i++ ) { cor += letras[Math.floor(Math.random() * 16)]; } return cor; } } var canvas
tomasantunes's user avatar
  • 1.776
0 votos

Como duplicar um triangulo randomicamente dentro do canvas?

let canvas; let ctx; let dx = 10; let dy = 10; let WIDTH, HEIGHT = 500; function setUp(){ canvas = document.getElementById("myCanvas"); ctx = canvas.getContext("2d"); let resetbtt = document.getElementById …
tomasantunes's user avatar
  • 1.776
0 votos

não apagar a imagem no canvas

o modo "destination-out" tem o efeito pretendido. draw: function(action) { var event, previous, _i, _len, _ref; this.context.lineJoin = "round"; this.context.lineCap = "round"; …
tomasantunes's user avatar
  • 1.776
0 votos

Como eu consigo criar um retângulo com Java Script

Tens que trocar os pontos na 3ª e 4ª linha. linhaVertical(x1, y1, verticaly); linhaHorizontal(x1, y1, horizontalx); linhaVertical(x2, y1, verticaly); linhaHorizontal(x1, y2, horizontalx);
tomasantunes's user avatar
  • 1.776
0 votos

Chartjs rotacionar texto

o canvas tem os métodos translate() e rotate() que podem ajudar nesta situação: ctx.translate(xaxis.getPixelForValue(undefined, index) -16, yaxis.top + 5); ctx.rotate(-90*Math.PI/180); ctx.fillText("ROTATE …
tomasantunes's user avatar
  • 1.776
1 voto

Montar um Strobe Light dentro do canvas JS

let canvas; let ctx; function setUp(){ canvas = document.getElementById("myCanvas"); ctx = canvas.getContext("2d"); let showColour = document.getElementById("colourOrder"); let colors = []; …
tomasantunes's user avatar
  • 1.776
0 votos

Mover sprite até a posição do mouse com Phaser

existe este método: update() { this.player.x = game.input.x; this.player.y = game.input.y; }
tomasantunes's user avatar
  • 1.776
0 votos

Fazer imagem aparecer ficar um tempo e depois sumir - JS

O método drawImage() deve ficar dentro da função draw() e basta definir uma flag para a imagem ficar visível. function draw() { // ... if (mouseVisible == true) { var img3 = new Imag …
tomasantunes's user avatar
  • 1.776
0 votos

Ajustar imagem dentro do canvas

Deve-se evitar aumentar a resolução da imagem portanto a imagem tem de ser maior que o canvas. … <canvas id="c" height="600" width="600" style="border:1px solid #000"></canvas> var c = new fabric.Canvas('c'); var imageSrc = "http://marketingdeconteudo.com/wp-content/uploads/2017/01/formatos-de-imagem …
tomasantunes's user avatar
  • 1.776