Canvas est un terme générique pour la surface de dessin utilisée avec de nombreuses API de sortie graphique de forme libre. Utilisez cette balise avec d'autres balises qui indiquent l'API graphique spécifique utilisée avec le langage de programmation et l'environnement cible: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] etc. Incluez également une balise de canevas spécifique telle que [android-canvas], [html5-canvas], [tkinter-canvas] si approprié.

canvas...

J'ai vu un échantillon de balle de rebond de react-konva https://codesandbox.io/s/5qvyyyjrx de Google et j'ai essayé de l'appliquer dans mon application React Native. Mais pas de chance, j'obtiens cette erreur configuration de vue de violation invariante introuvable pour le nom div qui provient d....
14 janv. 2020 à 06:51
J'essaie de trouver un moyen de reproduire ce qu'ils ont ici: https://realsteelcenter.com/collections/monograms/products/family-name-circle-monogram Je sais qu'ils utilisent Canvas, mais je suis encore très nouveau sur JS, j'ai donc du mal à comprendre cela. Il y a beaucoup de sites Web qui utilise....
6 janv. 2020 à 02:26
Il me semble que je peux créer la toile mais quand je viens pour obtenir le contexte const resizeImage = async (maxSize: number) => { const image = originalImage; const id = positionId; const resizeCanvas = document.createElement('canvas'); resizeCanvas.width = maxSize; resizeC....
4 janv. 2020 à 16:14
J'ai une application vue.js qui prend des photos et les envoie à une page de filtre photo. Dans cette page de filtre, j'ai un bouton pour publier la photo filtrée. Je peux filtrer la photo prise mais je ne peux pas la poster. Mon erreur est ici; Uncaught TypeError: Failed to execute 'drawImage' on '....
2 janv. 2020 à 19:20
J'ai une toile avec plusieurs cercles de différentes couleurs et je veux ajouter un effet de fondu à certains cercles uniquement. L'effet n'est applicable qu'à ceux en rouge et vert. Le code est comme suit function drawPiece(pieceX, pieceY, color) { if (color === "rgba(0,0,0,1)" || color === "rgba(....
31 déc. 2019 à 22:04
J'utilise canvas.getImageData pour obtenir la couleur d'un pixel dans une toile HTML / js. Si ce n'est pas un site Web respectable sur lequel il est chargé, il ne le fera pas, en raison des données d'origine croisée. Mais je ne peux pas rendre le site Web respectable, car je veux l'ouvrir en tant qu....
22 déc. 2019 à 15:42
À l'aide de mes tests, j'ai constaté qu'après chaque forme que vous dessinez sur la toile, il recalcule et dessine les pixels. c = Canvas(root) c.pack() c.create_line(10, 10, 50, 50) # Draws line on canvas immediately. c.create_line(20, 20, 60, 60) # Draws second line on canvas. Cela semble très ....
21 déc. 2019 à 12:46
J'ai donc une simple boucle de rendu de toile html5 et je gère le keydown et le keyup. Un rectangle dessiné à l'écran peut se déplacer vers la gauche, la droite, le haut et le bas. Le problème est que lorsque vous vous déplacez à gauche et à droite successivement, le rectangle semble s'arrêter très ....
17 déc. 2019 à 23:51
j'ai le codeimport Paddle suivant de './paddle.js'; let canvas = document.getElementById("gamescreen"); let context = canvas.getContext("2d"); context.clearRect(0, 0, 800, 600); const GAME_WIDTH = 800; const GAME_HEIGHT = 600; let paddle = new Paddle(GAME_WIDTH, GAME_HEIGHT) paddle.draw(context); ....
17 déc. 2019 à 22:25
Je fais face à un problème étrange. J'ai un DIV qui occupe la moitié de l'espace d'écran disponible et ce DIV n'a qu'une image de toile (que je génère à la volée). J'ai défini la taille du canevas en utilisant le offsetWidth et offsetHeight ou le DIV. var efisWidth = hudView.offsetWidth; var efisHei....
16 déc. 2019 à 17:48
J'essaie de zoomer et dézoomer une image dans le canevas à partir du centre du canevas. Mon code zoome le canevas par la position de la souris sur le canevas. Ce que je veux, c'est agrandir l'image du centre de la toile. Voici le code complet: var canvas = document.getElementsByTagName('canvas')[....
16 déc. 2019 à 11:05
J'utilise ceci le code suivant pour afficher un graphique sur ma page: <div class="container"> <div> <canvas id="canvas"></canvas> </div> </div> <script> var lineChartData = { labels: [$chartmonths], datasets: [{ fillColor: "rgba(220,220,220,0)", strokeColor: "rgba(1....
15 déc. 2019 à 22:36
Bonjour, j'essaie de créer un jeu par navigateur Node.JS Socket.io Express. J'ai déjà les bases, comme créer une nouvelle instance de joueur lorsque nous rejoignons l'hôte local et faire bouger le joueur correctement. L'écran du lecteur est la partie entière de la toile (vous voyez toujours tout), e....
14 déc. 2019 à 21:10
Dans mon code, je ne reçois que des toiles noires de largeur et de hauteur définies. Et le rouge et le blanc ne s'affichent pas à l'écran. Merci d'avance. var canvas; var canvasContext; var ballx = 50; window.onload = function() { canvas = document.getElementById('gameCanvas'); canvasC....
13 déc. 2019 à 13:44
J'ai d'abord fait un canevas de dessin sur une page html sans aucun code à former, puis je l'ai ajouté à ma page html principale mais cela ne fonctionnait pas et il n'y avait aucune erreur dans la console. J'ai essayé de supprimer tous les css, ne fonctionnait toujours pas, puis j'ai essayé de suppr....
13 déc. 2019 à 13:41
J'essaie de programmer un jeu simple avec JS avec le personnage principal comme image d'un poisson. Cependant, je ne parviens pas à charger l'image, peu importe ce que j'essaie. J'ai recherché quelques tutoriels, mais aucun ne fonctionne. J'ai lu que je dois mettre le code de l'image dans onload(); ....
13 déc. 2019 à 07:49
J'aimerais avoir l'iframe en bas, la toile au milieu et quelques div en haut. Voici ce que j'ai: <canvas id="drawLineCanvas" style="position: absolute; z-index: 0; display: inline;" width="1450" height="1600"></canvas> <div id="mainwork"> <iframe name="inlineCommentingFrame" id="inlineCommentingFr....
13 déc. 2019 à 01:25
Pour la simplicité, considérons la fonction suivante: f (x) = A * sin (w * x). J'utilise des curseurs pour voir l'impact d'un changement dans ces deux paramètres, le code fonctionne très bien, mais j'ai un problème. Si l'amplitude A est trop grande, le maximum de la fonction n'est plus dans le canev....
12 déc. 2019 à 20:42
J'ai créé une toile par exemple avec 4 cellules, comment puis-je définir une image pour chaque cellule? ma toile a pivoté et je ne veux pas que mes images tournent aussi, même lorsque la souris se déplace sur des cellules, les images disparaissent! mon code: <html> <head> <script src="jquery-3.4.1.j....
12 déc. 2019 à 12:36
J'essaie d'appliquer des filtres en niveaux de gris et sépia sur la toile au moment de mouseMove. J'utilise CanvasRenderingContext2D.filter pour appliquer les filtres. Voici l'exemple de code var radgrad = this.ctx.createRadialGradient(x, y, 50 / 8, x, y, 50 / 2); radgrad.addColorStop(0, 'rgb(0, 0, ....
La page HTML que j'essaie de faire est de télécharger l'image sur le canevas, de mettre un filigrane sur cette image, puis de télécharger l'image avec le filigrane sous la forme d'un fichier png. Le problème actuel est que je peux télécharger l'image sur la toile et mettre le filigrane mais je ne pe....
12 déc. 2019 à 10:35
J'ai fait le début d'un jeu de plateforme avec un personnage sprite. Je veux pouvoir avoir une minuterie quelque part dans le coin supérieur gauche qui compte pour chaque seconde (00:00, 00:01). J'ai déjà fait un minuteur avant, mais cela a été décompté et c'est différent parce que j'utilise request....
11 déc. 2019 à 20:50
comment puis-je ajouter une image au lieu du bleu, ou pour que la couleur bleue soit transparente? Voici un extrait de code: /* Most of the stuff in here is just bootstrapping. Essentially it's just setting ThreeJS up so that it renders a flat surface upon which to draw the shader. The only t....
11 déc. 2019 à 17:43
Je travaille sur un code graphique (comme un QRcode simplifié) composé de carrés noirs et blancs. Dans le canevas HTML, je peux détecter chaque position carrée et pixels. Le problème est de compter le nombre de pixels noirs présents dans chaque zone carrée. Disons que mon code est de 5x3 carrés. Je ....
11 déc. 2019 à 14:29
J'ai un problème avec le déplacement d'un objet sur la toile, mais uniquement sur les axes x ou y une fois à la fois. Idée: l'utilisateur peut faire glisser un objet avec CTRL / Maj enfoncé, puis il ne peut déplacer un objet que sur l'axe x ou l'axe y. Je déplace un objet sur un axe qui est plus élo....
10 déc. 2019 à 15:07