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...

Je veux diviser une chaîne en caractères de 10. Mais je ne veux pas diviser à l'intérieur d'un mot. Ainsi, la chaîne "Neuf caractères à parcourir - puis quelques autres" serait divisée en ["Nine", "characters", "to go -", "then some", "more"]. Le mot peut se diviser s'il contient plus de 10 caractè....
18 mai 2020 à 00:02
Pour mon propre projet de développement personnel, je crée le jeu de la vie de John Conway en python mais j'ai rencontré un problème. Mon code se compile sans erreur mais lorsqu'il est exécuté, il ne s'exécute pas comme je m'attends à ce qu'il s'exécute. mon code est le suivant: from tkinter import ....
15 mai 2020 à 16:40
Existe-t-il un moyen efficace de trouver les coordonnées [x, y] de chaque point dans un à l'intérieur d'un chemin sans vérifier manuellement chaque point sur l'ensemble du canevas en utilisant context.isPointInPath()? Exemple de chemin à partir d'un geojson <path d=" M 588, 173, L 588, 176, L 5....
11 mai 2020 à 00:02
Je veux dessiner un plan d'étage 2D sur une page html. J'ai un ensemble de données qui ressemble à ci-dessous. Ensemble de données { floor:{ "id" : 2, rooms:[ { "id" : 21, "x" : 0.0, "y" : 0.0, "height" : 15, "weight" : 20 } ....
5 mai 2020 à 02:47
Je développe une simple visionneuse de graphiques. Je l'ai bien rendu à l'aide d'ellipses et de lignes simples sur une toile. Maintenant, je veux avoir des points pour parcourir le graphique. Vous pouvez l'imaginer comme des voitures traversant les rues d'une ville. Pour avoir quelque chose qui pour....
1 mai 2020 à 15:10
Que fait la fonction CanvasRenderingContext2D? Je sais qu'il a une propriété appelée prototype (CanvasRenderingContext2D.prototype) qui a des trucs comme fillRect() et des trucs. Mais, CanvasRenderingContext2D est un objet fonction, alors à quoi sert CanvasRenderingContext2D? Je ne trouve rien à ce ....
4 avril 2020 à 20:44
J'essaie d'esquisser un rectangle, comme vous le faites dans Paint. Mais actuellement, lorsque j'essaie d'esquisser un rectangle, voici à quoi ressemble ma toile - doubles dessins, rectangles en désordre. Voici à quoi ressemble tout mon code: (code supprimé) Comment esquisser un rectangle qui ressem....
4 avril 2020 à 00:57
Avez-vous la question suivante pour Imagemagick (ou une autre solution car cela fonctionne) Cas: avec Photoshop, je recadre les images avant de les télécharger sur ma boutique en ligne. Nous vendons par exemple des pantalons. Je les coupe automatiquement, donc les espaces sont supprimés et j'obtiens....
30 mars 2020 à 15:26
Affiche une image base64 d'un graphique. J'ai un graphique simple que je crée. Après sa création, je veux en prendre l'image en base64 et l'afficher en html mais je ne suis pas en mesure de le faire. Voici mon FIDDLE HTML <body> <canvas id="chartJSContainer" width="100" height="100"></canvas> ....
22 mars 2020 à 23:19
Problème Je veux obtenir tous les pixels qui se trouvent dans un cercle d'un rayon donné autour d'un point donné, où les points ne peuvent avoir que des coordonnées entières , c'est-à-dire des pixels dans un canevas. Je veux donc obtenir tous les points dans la zone jaune donnée (x, y) et r. Appro....
5 mars 2020 à 19:19
J'ai les coordonnées xy d'avant et pendant un événement de glissement, this.x et this.y```` are the current coordinates, this.lastX and this.lastY``` sont à l'origine. Ce que je dois faire, c'est donner un radian de l'élément source, déterminer la coordonnée de la souris à utiliser, IE si l'angle es....
Comment pourrais-je créer un point en html (en utilisant js), puis créer le suivant et les connecter avec la ligne? Je voudrais créer des formes différentes en utilisant des lignes, puis changer la couleur de cette forme (triangle etc.). Veuillez me conduire sur le chemin.....
2 mars 2020 à 14:31
Lorsqu'une souris survole une image. Il est détecté par cette instruction if: if ((distance(circles[this.index].x, circles[this.index].y, mouse.x, mouse.y)) < circles[this.index].radius) Je veux aussi détecter quand une souris le fait en dehors d'une image. Après cette précédente instruction if, je....
24 févr. 2020 à 00:50
J'ai du mal à comprendre et à déterminer comment zoomer sur la position de ma souris sur la base de cet exemple. (https://stackblitz.com/edit/js-fxnmkm?file=index .js) let node, scale = 1, posX = 0, posY = 0, node = document.querySelector('.frame'); const render = () => { window.r....
12 févr. 2020 à 17:48
Informations d'arrière-plan Je travaille actuellement sur un projet et je veux que l'arrière-plan soit une toile vierge avec des boules rebondissant sur les murs. J'ai réussi jusqu'à présent, mais j'ai rencontré un problème. Chaque fois que je redimensionne la fenêtre de mon navigateur, ni ma toile ....
6 févr. 2020 à 23:04
Je voudrais créer une image qui se compose de 128x128 pixels en deux couleurs (par exemple orange et bleu) en utilisant javascript. Les pixels doivent être disposés au hasard et je voudrais pouvoir faire varier la proportion des deux couleurs (par exemple, indiquer qq comme "0,4 orange" pour obtenir....
31 janv. 2020 à 16:09
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