Articles of toile

Comment dessiner une photo avec une orientation correcte dans un canevas après la capture de photo en utilisant la saisie dans le navigateur mobile?

Je fais une simple application Web dans un mobile qui permet au visiteur de capturer une photo en utilisant l'élément [input = input] html5. Ensuite, je l'afficherai sur le Web pour l'aperçu, puis le visiteur peut choisir de télécharger la photo dans mon serveur à d'autres fins (c.-à-d. Charger vers FB) Je trouve un problème […]

Pouvez-vous faire une perspective isométrique avec HTML5 <canvas>?

Il est possible de faire une perspective isométrique avec HTML5 <canvas> ? C'est avec setTransform ? Ou existe-t-il d'une autre manière? Exemple: ctxt.setTransform (1, -0.2, 0, 1, 0, 0); Quelque chose comme la perspective de Farmville. Merci beaucoup.

Graphique de données en temps réel sur un diagramme de lignes avec html5

Je souhaite créer un graphique linéaire qui se met à jour toutes les deux secondes et ne nécessite pas la mise à jour de la page (il obtiendrait les informations à partir d'un fichier séparé qui se mettrait à jour sur un serveur), sont leurs librairies JavaScript (autre que JQuery) Cela rendra cela facile? Quelqu'un […]

Remplissage d'inondation de toiles qui ne se remplit pas

J'utilise un algorithme de remplissage d'inondation pour compléter les cercles dessinés sur le canevas. Le problème que j'avais est que l'algorithme ne se remplit pas jusqu'au bord du cercle. Voici l'algorithme basé sur cette publication de blog : function paintLocation(startX, startY, r, g, b) { var colorLayer = context1.getImageData(0, 0, canvasWidth, canvasHeight); pixelPos = (startY […]

Redessiner la toile html5 sans scintillement

J'ai un écran redessiné tous les 25 ms, et les images clignotent, voici mon code var FRAME_RATE = 40; var intervalTime = 1000/FRAME_RATE; gameLoop(); function gameLoop(){ context.clearRect(0, 0, 640, 640); renderMap(); window.setTimeout(gameLoop, intervalTime); } Et voici la fonction renderMap () function renderMap(){ var startX = playerX – (screenW / 2); var startY = playerY – […]

La méthode de la méthode getImageData de la toile est-elle dépendant de la machine / du navigateur?

Un client a besoin d'aide pour un programme qui extrait la couleur dominante d'une image de produit. J'ai été en mesure de mettre en œuvre rapidement cela en Javascript; L'algorithme ci-dessous ne présente que le carré central d'une grille 3×3 sur l'image pour une estimation rapide de la couleur du t-shirt dans l'image. var image […]

Un lien HTML5 doit-il toujours être un rectangle?

La raison pour laquelle je m'intéresse aux toiles ayant une forme est qu'il serait possible de découper des images avec des courbes de Bezier et de faire circuler le texte d'une page Web autour de la forme de la toile, c'est-à-dire une image découpée. Ce qui est nécessaire, c'est la possibilité d'avoir une forme en […]

Enregistrement de donnéesURL (base64) dans un fichier sur PhoneGap (Android)

Je convertir la toile au type dataURL (base64) et je voulais l'enregistrer sur le système de fichiers du téléphone à l'aide de l'éditeur de PhoneGap mais sans succès (je reçois un fichier brisé que je ne peux pas ouvrir) – voici une partie de mon code: var dataURL = document.getElementById("gen").toDataURL('image/png'); //substr() .replace('datadata:image/png;base64,', ''); window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, […]

Faire pivoter une image autour de son centre en toile

J'essaie de faire ma première image d'animation sur toile. Je veux que l'image tourne mais quelque chose n'est pas correct dans mon code. Des idées? Ceci est tout dans un document jquery prêt: var canvas = document.getElementById('logobg1'); var ctx = canvas.getContext('2d'); var img = new Image(); // Create new Image object img.src = 'images/containerbg.png'; // […]

Ensemble binaire vers un canevas

Je voudrais charger une image jpeg sur un canevas à partir d'un tableau binaire (essayant actuellement avec un Uint8Array). J'ai cherché partout dans le réseau pour une solution, mais tout ce que j'ai pu trouver est de convertir le tableau en base64, puis de charger l'image qui n'est pas très efficace. Voici mon code utilisé […]