Questions marquées «html5-canvas»

Après avoir expérimenté des opérations composites et dessiné des images sur la toile, j'essaie maintenant de supprimer les images et le compositing. Comment puis-je faire cela? J'ai besoin d'effacer la toile pour redessiner d'autres images; cela peut durer un certain temps, donc je ne pense pas que...

Quelle est la meilleure approche pour créer des éléments à la volée et pouvoir les déplacer? Par exemple, disons que je veux créer un rectangle, un cercle et un polygone, puis sélectionner ces objets et les déplacer. Je comprends que HTML5 fournit trois éléments qui peuvent rendre cela possible:...

Comment mettre automatiquement à l'échelle l' <canvas>élément HTML5 pour l'adapter à la page? Par exemple, je peux obtenir une mise <div>à l'échelle en définissant les propriétés heightet widthà 100%, mais <canvas>pas une mise à l'échelle, n'est-ce

Je travaille sur un projet d'art génératif où j'aimerais permettre aux utilisateurs de sauvegarder les images résultantes d'un algorithme. L'idée générale est: Créer une image sur un canevas HTML5 à l'aide d'un algorithme génératif Une fois l'image terminée, autorisez les utilisateurs à enregistrer...

Je veux avoir une page Web qui a un mot centré. Je veux que ce mot soit dessiné avec une animation, de telle sorte que la page "écrit" le mot de la même manière que nous le ferions, c'est-à-dire qu'il commence à un point et dessine des lignes et des courbes dans le temps de sorte que le résultat...

J'utilise l'outil JavaScript "Canvas2Image" de Nihilogic pour convertir des dessins de toile en images PNG. Ce dont j'ai besoin maintenant, c'est de transformer ces chaînes base64 que cet outil génère, en fichiers PNG réels sur le serveur, en utilisant PHP. En bref, ce que je fais actuellement est...

Je souhaite enregistrer ma toile dans une image. J'ai cette fonction: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display =...

Les photos des appareils photo numériques sont souvent enregistrées au format JPEG avec une balise «d'orientation» EXIF. Pour s'afficher correctement, les images doivent être pivotées / reflétées en fonction de l'orientation définie, mais les navigateurs ignorent ces informations pour rendre...

J'utilise des éléments de canevas html5 pour redimensionner les images dans mon navigateur. Il s'avère que la qualité est très faible. J'ai trouvé ceci: Désactivez l'interpolation lors de la mise à l'échelle d'un <canvas>, mais cela n'aide pas à augmenter la qualité. Vous trouverez ci-dessous...

Pour une application de dessin, j'enregistre les coordonnées du mouvement de la souris dans un tableau, puis je les dessine avec lineTo. La ligne résultante n'est pas lisse. Comment puis-je produire une seule courbe entre tous les points rassemblés? J'ai cherché sur Google mais je n'ai trouvé que 3...

Mon code fonctionne très bien sur mon hôte local mais il ne fonctionne pas sur le site. J'ai eu cette erreur de la console, pour cette ligne .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by...

Je voudrais faire pivoter les photos en fonction de leur rotation d'origine, comme défini par l'appareil photo dans les données d'image JPEG EXIF. L'astuce est que tout cela devrait se produire dans le navigateur, en utilisant JavaScript et <canvas>. Comment JavaScript pourrait-il accéder au...

J'ai essayé de changer ce qui semble être la couleur d'arrière-plan par défaut de ma toile de noir à transparent / toute autre couleur - mais pas de chance. Mon HTML: <canvas id="canvasColor"> Mon CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; }...

Existe-t-il une raison, à l'exception des performances, d'utiliser WebGL au lieu de 2D-Canvas pour les jeux / applications 2D ? En d'autres termes, quelles sont les fonctionnalités 2D offertes par WebGL qu'il n'est pas possible de réaliser facilement avec

J'essaie d'empiler deux toiles ensemble et d'en faire une toile à double couche. J'ai vu un exemple ici: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2"...

Fermé . Cette question doit être plus ciblée . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question pour qu'elle se concentre sur un problème uniquement en éditant ce message . Fermé il y a 7 ans . Améliorez cette question J'ai fait des...

J'essaie de redimensionner certaines images avec une toile, mais je ne sais pas comment les lisser. Sur photoshop, navigateurs etc. il y a quelques algorithmes qu'ils utilisent (par exemple bicubique, bilinéaire) mais je ne sais pas si ceux-ci sont intégrés dans le canevas ou non. Voici mon...

Je suis un total n00b avec HTML5et travaille avec le canvaspour rendre les formes, les couleurs et le texte. Dans mon application, j'ai un adaptateur de vue qui crée un canevas dynamiquement et le remplit de contenu. Cela fonctionne vraiment bien, sauf que mon texte est rendu très flou / flou /...

J'utilise un graphique de jauge basé sur ( Chartjs-tsgauge ). Je veux définir des couleurs d'arrière-plan pour le graphique distinctes des limites de jauge. Le problème avec la façon dont Charts.JS rend l'arrière-plan parce que le plugin que j'ai utilisé n'a pas de code sur les arrière-plans. Par...