Articles of canvas

“Effacement” en canvas html5

J’ai une application de doodling dans html5 canvas, et j’essaie de trouver le meilleur moyen d’implémenter un contrôle de gomme. La première impulsion consistait simplement à faire en sorte que la gomme trace la couleur de fond [blanc], mais cela pose problème car si l’utilisateur déplace une image ou un autre calque là où ils […]

Comment append des étiquettes dans le plugin canvas Chart.js?

J’utilise le génial plugin Chart.js , et j’essaie de trouver le moyen d’afficher les étiquettes dans chaque pourcentage. Donc je l’ai googlé, et j’ai trouvé cette traction: https://github.com/nnnick/Chart.js/pull/35 J’ai fait un simple violon pour le tester, mais ça ne marche pas: http://jsfiddle.net/marianico2/7ktug/1/ Ceci est le contenu: HTML JS $(document).ready(function () { var pieData = [{ […]

HTML5 Vector Graphics?

S’il vous plaît dites-moi quelles bibliothèques pour dessiner et manipuler des graphiques vectoriels dans HTML5 Canvas savez-vous? Je vous remercie!!!

Placer un dans un

Je prends une div dans un élément de canvas comme suit: Ici, les deux ont la hauteur et la largeur. Mais ici je ne peux pas voir la div ! N’est-il pas possible de prendre un div ou un p dans une canvas ?

Comment aligner le texte verticalement?

Cible: Android> = 1.6 sur un canevas pur. Supposons que je veuille écrire une fonction qui dessine un grand rectangle rouge (largeur, hauteur), puis dessine un texte Hello World noir à l’intérieur. Je veux que le texte soit visuellement au centre du rectangle. Alors essayons: void drawHelloRectangle(Canvas c, int topLeftX, int topLeftY, int width, int […]

Centrage d’une canvas

Comment baliser une page avec une canvas HTML5 telle que le canvas Prend 80% de la largeur A une hauteur et une largeur de pixel correspondantes qui définissent efficacement le rapport (et sont proportionnellement maintenues lorsque la canvas est étirée à 80%) Est centré verticalement et horizontalement Vous pouvez supposer que le canvas est la […]

Taille du canevas HTML5 via CSS versus atsortingbuts d’éléments

Je ne comprends pas pourquoi les morceaux de code suivants produisent des résultats différents, car css redimensionnerait le canevas au fur et à mesure de son zoom, #canvas { width: 800px; height: 600px; } Contrairement à cette approche (qui fonctionne comme prévu):

Comment convertir un élément HTML en élément canvas?

Il serait incroyablement utile de pouvoir convertir temporairement un élément normal en un canvas . Par exemple, disons que j’ai un div stylé que je veux retourner. Je veux créer dynamicment un canevas, “rendre” le HTMLElement dans le canevas, masquer l’élément d’origine et animer le canevas. Peut-on le faire?

Canvas drawImage mise à l’échelle

J’essaie de redimensionner une image proportionnellement à la canvas. Je suis capable de le mettre à l’échelle avec une largeur et une hauteur fixes comme suit: context.drawImage(imageObj, 0, 0, 100, 100) Mais je veux seulement redimensionner la largeur et redimensionner proportionnellement la hauteur. Quelque chose comme ce qui suit: context.drawImage(imageObj, 0, 0, 100, auto) J’ai […]

HTML5 Canvas et Anti-aliasing

Comment activer l’ anti-aliasing sur un canevas . Le code suivant ne dessine pas une ligne lisse: var context = mainCanv.getContext(“2d”); if (context) { context.moveTo(0,0); context.lineTo(100,75); context.strokeStyle = “#df4b26”; context.lineWidth = 3; context.stroke(); }