Tag: canvas

Je peux dessiner la boîte mais je ne peux pas l'enlever! (Toile)

J'ai posé cette question avant et il semblait que le code que j'utilise était assez déroutant. Il s'agit donc d'une version virtuellement supprimée du même code. Je dessine un carré sur la toile à l'aide de la fonction d'ajout. Comme un sage, je devrais pouvoir supprimer l'objet du canevas en utilisant la fonction de suppression! […]

Tri isométrique simple avec xdim et ydim

J'ai un système de tri isométrique simple avec cette fonction (le code est en version Typescript / Javascript ): public Sort(a: PIXI.Sprite, b: PIXI.Sprite) { return ((a.IsoZ – b.IsoZ) == 0 ? (a.TileZ – b.TileZ == 0 ? (a.Tile2Z ? (a.Tile2Z < b.Tile2Z ? -1 : (a.Tile2Z > b.Tile2Z ? 1 : 0)) : 0) […]

Dessinez une ligne verticale entre les cercles dans un canevas

Je veux dessiner une ligne verticale entre les cercles dans mon projet. Et ce sont mes codes: Html: <div id="ways" style="width:1000px;margin:0 auto;height:100%;"> <div id="row1"> <div id="col11" class="r1"><canvas id="col111" width="578" height="200"></canvas></div> <div id="col12" class="r1"><canvas id="col112" width="578" height="200"></canvas></div> <div id="col13" class="r1"><canvas id="col113" width="578" height="200"></canvas></div> </div> <div id="row2"> <div id="col21" class="r1"><canvas id="col221" width="578" height="200"></canvas></div> <div id="col22" class="r1"><canvas id="col222" […]

Télécharger une toile comme image PNG

Lorsque j'essaie de télécharger mon canevas en tant que image PNG, le navigateur ouvre l'image dans une nouvelle page mais ne la télécharge pas … mon code pour téléchargement: $("#btnScaricaEtichetta").click(function(){ console.log("Download… "); location.href = document.getElementById("latoSinistro").toDataURL(); this.download = "filename"; }); Il existe un moyen de le télécharger simplement? Désolé pour mauvais anglais, je suis italien

La toile Html5 fait ressortir la forme arbitraire

J'essaie de développer un programme qui peut rendre des images et du texte en toile. J'ai essayé de faire un clic sur l'image dans un canevas, mais cela fonctionne pour les images recapturées. Ma question: Saviez-vous que la solution ou les cadres de gestion permettent de cliquer sur une partie visible de l'image (pas partie […]

La toile ne rend pas l'image utilisée pour

J'ai une application Web asp.net. J'utilise des sockets web et HTML5 / canvas pour rendre des images sur ma page Web. C'est le JS pour ceci: function setUpImageProc() { desktopImage.onload = function () { ctxLiveViews.drawImage(desktopImage, 0, 0, 360, 240); } } var desktopImage = new Image; ws.onmessage = function (e) { desktopImage.src = 'data:image/jpeg;base64,' + […]

Arc par 3 points en direction spécifique

Je suis coincé à la question de la géométrie de 8grade = (J'ai besoin de dessiner l'arc à partir de 3 points dans une direction spécifique. Disons que j'ai 3 vec2 points P1, P2, P3; j'ai réussi à trouver le centre de l'arc: circleCenter: function (b, c, d) { var temp = Math.pow(cx, 2) + […]

Moduler les couleurs avec DrawImage sur un canevas HTML5

Je joue avec l'idée de modifier mon IDE de développement de jeux pour produire des versions HTML5 des jeux créés avec lui. L'une des fonctionnalités de l'IDE est la possibilité de définir des images, qui définissent non seulement la façon dont une cellule graphique est transformée (tournée, étirée, etc.), mais aussi la façon dont elle […]

Simple animation en toile

J'ai une animation en toile simple: deux rectangles se déplacent dans deux directions différentes. Cependant, je pense que cela pourrait être simplifié davantage. Http://jsfiddle.net/tmyie/R5wx8/6/ var canvas = document.getElementById('canvas'), c = canvas.getContext('2d'), x = 10, y = 15, a = 20, b = 50; function move() { c.clearRect(0, 0, 500, 300); c.fillRect(0, y, 5, 5), c.fillRect(b, […]

Javascript Canvas net / redraw

J'ai essayé de googler la réponse à cela, mais je me débrouille en cercles … Si j'avance le rect (en utilisant clearRect) alors l'image ne redessine pas après. Cependant, si je ne nettoie pas les images, empilez-les. Ce que je veux que cela efface l'image actuelle, puis dessine avec une nouvelle. Qu'est-ce qui me manque? […]

JavaScript rend le site Web intelligent, beauté et facile à utiliser.