Carrés avec html5 de dessin sur une toile de html5

Dans le dernier tutoriel, nous avons fait un html5 canvas. Donc, ce qui est une toile sans trucs sur cette toile. Donc lorsque vous créez une forme, vous voudriez probablement droit de couleur ? pour rendre une couleur de remplissage , que vous devez avoir un code qui ressemble à ceci-

ctx.fillStyle = « #F00000 » ;

Qui va définie la couleur de remplissage au noir, mais vous ne verrez rien car nous n’attirons la place encore le code pour un carré est-

ctx.fillRect(0,0,50,50) ;

Qui tirera un carré au point de coordonnées 0 X 0Y et la largeur serait 50 donc la hauteur doit être de 50.

Bon maintenant nous pouvons regarder à l’html5 tout fichier et qui ressemblera à ceci-

< html >

< toile id = « toile » width = « 400 » height = « 400 » >< / toile >

< script >

var c = document.getElementById("canvas") ;
ctx var = c.getContext("2d") ;

ctx.fillStyle = « #F00000 » ;

ctx.fillRect(0,0,50,50) ;

< /script >

< / html >

Mots clés: Formes, Toile, Html5

Articles Liés

BRICOLAGE transfert Photo sur une toile

BRICOLAGE transfert Photo sur une toile

Dans ce projet, que je montre comment transférer une photo d'une toile à l'aide d'un Laser imprimé, une photo de toile et de colle blanche. Modge mélo est un très bon caloporteur, mais colle blanche fonctionne ainsi que modge mélo.Ce projet de bricol
Comment mettre des dessins sur une planche à roulettes

Comment mettre des dessins sur une planche à roulettes

avez-vous déjà voulu avoir un skateboard personnalisé et voulais faire vous-même ? Bien lire ces instructions simples, et vous pouvez en avoir un en aucun temps !Outils nécessaires :-Peinture en aérosol-Primer spray-Lames de rasoir ou un couteau styl
Fondu de crayons de couleur sur une toile

Fondu de crayons de couleur sur une toile

matériaux : en bois planche ou toile, crayons à dessiner, pistolet à colle chaude, sèche cheveux, peinture en aérosol.Procédure1. Prenez votre planche de bois ou de la toile et la peinture en aérosol il noir ou quelle couleur vous voulez qu'il soit.2
Bijoux arbre monté sur une toile encadrée de bois

Bijoux arbre monté sur une toile encadrée de bois

fournitures1 un trois à cinq yard (3-5) rouleau de fil de calibre noir 141 un trois à cinq yard (3-5) rouleau de fil de calibre argent 14Fil de calibre 16 yard de cinq à dix d'un 1 (5-10) rouleau de rouge (ou couleur de votre choix)Toile 1 un 8 x 10
Remplacement d’un Guide sur une canne à pêche

Remplacement d’un Guide sur une canne à pêche

Tout à fait comment le premier guide sur cette canne est arrivé à être dans cet État, personne ne semble savoir. C'était seulement une tige à bas prix, mais malgré tout avec un nouveau guide coûte £3 + p & p, il devait être intéressant d'essayer si s
Comment créer rapidement une étoile de Noël illuminé

Comment créer rapidement une étoile de Noël illuminé

chaque ville a quelques maisons qui aller dessus avec décorations géantes pelouse éclairés pendant les vacances de Noël.  La pensée de perçage des trous pour le rembourrage avec petites lumières zillions de main m'a gardé de même mettre en place quel
Qui s’étend d’une toile

Qui s’étend d’une toile

que vous soyez peintre occasionnel, ou le photographe professionnel, vous savez comment une bonne oeuvre ressemble quand elle est encadrée vers le haut comme une toile ! Non plus soucier de mattes et verre anti-reflet d'archivage ; charpente traditio
Comment étendre une toile

Comment étendre une toile

Une toile d'un artiste est comme un morceau de papier à un écrivain.La seule différence situe la disponibilité d'un morceau de papier sur une toile tendue.Un véritable artiste (plus précisément un peintre) a tendance à s'étirer leur propre toile plut
Comment dessiner sur un Oscilloscope avec Arduino !

Comment dessiner sur un Oscilloscope avec Arduino !

Tout d'abord, laisse aller sur quelques notions de base. Un oscilloscope est un outil de visualisation de changement des signaux électriques.Oscilloscope: Oscillation (changement), portée (visualisation). Ensemble, ils font « oscilloscope » !Un oscil
Une fenêtre publique avec HTML5

Une fenêtre publique avec HTML5

avant de commencer à expliquer comment mettre en place votre propre fenêtre Public, nous voulons donner une courte introduction sur la façon dont ce projet a débuté et qui nous sommes.Fenêtre de publicLa fenêtre Public vise à promouvoir l'art interac
« Dessin » sur le tissu avec du fil (aka couchés)

« Dessin » sur le tissu avec du fil (aka couchés)

Couching est une technique de couture où le fil, des tissus ou des fils est attaché à un morceau de tissu. Il est traditionnellement cousu à la main, mais une machine avec le point zig zag peut être utilisée.Dans ce Instructable je partage un moyen f
Comment créer un jeu de rayures avec contrôleur Makey Makey sur une facture pro forma framboise

Comment créer un jeu de rayures avec contrôleur Makey Makey sur une facture pro forma framboise

Dans ce instructable vous apprendrez comment faire un simple jeu à gratter sur un Pi de framboise ; pour rendre le jeu plus amusant vous allez commander à l'aide des objets du monde réel (fruits et légumes) via un Makey Makey.Vous aurez besoin :Un mi
Comment faire un dessin animé sur une image !

Comment faire un dessin animé sur une image !

Dans ce Instructable, vous serez en mesure d'apprendre comment créer un dessin animé sur une image.C'est inscrit au concours de bande dessinée, Vote!!!Étape 1: Choisissez votre photo Cela peut être n'importe quelle image, vous devrez peut-être juste
Comment faire pression sur un dessin ou modèle sur une t-shirt(Vinyl)

Comment faire pression sur un dessin ou modèle sur une t-shirt(Vinyl)

Dans ce instructable je va vous apprendre comment exporter, découpe, placez, et appuyez sur un dessin sur un morceau de vêtement.Avertissement : Le design que vous voyez sur le chandail à la fin de ce instructable est similaire, mais pas exactement à