Resultados da Pesquisa
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 |
13 resultados
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 …
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 …
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 …
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 …
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 …
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 …
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";
…
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);
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 …
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 = []; …
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;
}
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 …
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 …