werken de invoering, met het canvas,,,,,,,,,, 27, 12 deelt,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,,,,,, je creëert, vandaag, zal je leren over hoe het internet genoemd, de relevante documenten object, gewoonlijk aangeduid als dom.De technologie is enorm krachtig, waardoor de ontwikkeling van de website van het personeel en door gebruik te maken van de javascript toegang kunnen krijgen tot wijziging van: //europa.eu.int /comm /.,,, en nu kan je wil weten waarom we zelfs de javascript om je zorgen over te maken.Simpel gezegdhttp: //europa.eu.int en javascript onderling afhankelijk zijn.Sommige: //europa.eu.int /comm /onderdelen, zoals, doek, element, niet door middel van javascript.Immers, als we niet schildert met woorden, goed is een doek?,,, om te begrijpen, denk ik dat we kunnen door het project samen, we proberen een schilderij van een eenvoudige smiley.Dus, laten we in het recht, beginnen, de eerste van een nieuwe gids om je project, dan blijven open je favoriete redacteur of de ontwikkeling van een netwerk van instrumenten.Als je dat doet, moet je het creëren van een lege, /index.html, en een lege, scripts. Js, zullen we blijven de uitgevers van onze motivatie.,,,,, en dan zullen we blijven tot wijziging van onze , index. Http: //europa.eu.int, dit duurt niet lang, want de meeste van onze projecten javascript geschreven.Wat we moeten doen, is in onze: //europa.eu.int /comm /canvas element en de referentie, het script is.Het is heel eenvoudig:, en het;.Doctype: //europa.eu.int /comm /> < lichaam > < canvas id ='canvas breedte = 640 hoogte ='480 "> < /canvas > < script type = /src ='script javascript" J 's "> < /scripts /GT; < /body > < /html >,, zo uitgelegd dat ik met twee , etiket < http: //europa.eu.int >,, < body>,, dus we kunnen nog meer elementen van het dossier, We door het lichaam.Bij deze gelegenheid, en ik zal met de eigenschappen van het element van 640 480, id ='canvas ",,, de hoogte van de erkenning van deze eigenschap is de doelstelling van een reeks elementen, gebruiken we het na in ons javascript documenten, vinden we het element.Ik citeer onze javascript documenten van het , < script>, etiketten, in mijn taal en aangewezen javascript, script.js -, als we de documenten die nodig zijn voor de exploitatie van de route,., dom, zoals de naam, documentobjectmodellen suggereert, we moeten gebruik maken van een interface http: //europa.eu.int). Door het gebruik van een andere taal, in dit geval, javascript.Daarom moeten we een korte - op het intern document object.Het directe doel overeenkomt met de onze, < http: //europa.eu.int >, etikettering, en, nogmaals, het is voor ons de basis van het hele project, kunnen we gebruiken om de elementen en de bevordering van het document.,, var. GetElementById ('canvas ");,, weet je nog hoe we de definitie van de doek element id ='canvas"?We hebben het van http: //europa.eu.int document.getelementbyid methoden worden gebruikt die door de,,, en dat we gewoon door met een van de elementen die nodig zijn voor de id.Nu, we hebben het, we kunnen beginnen met het gebruik van het schilderij, de werkelijke weergave van de canvas, we moeten met haar achtergrond.Verbazingwekkend, het doek bevat geen methode of eigendom, maar het kader voorwerp hebben alle methoden.De definitie van een kader zoals dit:,, de VAR - achtergrond doek. GetContext (2); elk doek, er zijn verschillende situaties, en op het doel van het programma, maar we moeten een 2d.Deze achtergrond hebben we alle tekenen van methoden die we nodig hebben om ons in het gezicht.Voor we beginnen, moet ik u mededelen dat, tegen de achtergrond van de twee kleuren als een eigenschap van een voor een beroerte, een voor de vulling.We lachen, we moeten een gele en zwarte met een beroerte.,, context.fillstyle = "geel"; context.strokestyle = "zwarte";,, bij de vaststelling van de in het kader van de kleur nodig, we moeten het echte gezicht trok een cirkel.Helaas, niet in het kader van een vooraf vastgestelde methoden, zodat we gebruik moeten maken van de bekende paden.De weg is slechts een reeks verbonden lijnen en de curve van de weg en sluiten van de tekeningen zijn voltooid.,, context. Beginpath (); de context. - (320240200, 0, 2 * wiskunde. PI); over de context. (); de context. Beroerte (); de context. Closepath (); en zo uitleggen dat wij, onder leiding van het begin van een nieuwe weg.We creëren een circulaire (240), in een straal van 200.De laatste twee parameters van de initiële en vanuit het oogpunt van de aangewezen terminal te bouwen zijn.Dus we door middel van 0 en 2 * math.pi grootte om volledig cyclus.Tot slot, we hebben op grond van die kleur te geven de context te vullen en beroerte weg.Hoewel het pad af, en niet een script van de functie - eisen, moeten we aan het einde van de weg, we kunnen beginnen met nieuwe ogen en mond, smiley.De ogen zijn op precies dezelfde manier doen, elk met een straal van kleinere en positie.Maar eerst, moeten we niet vergeten dat, vullen de kleur wit.,, context.fillstyle = "witte"; de context. Beginpath (); de context. - (270175, 30 - 0 - 2 * wiskunde. PI); over de context. (); de context. Beroerte (); de context. Closepath (); de context. Beginpath (); - het (context. 370175, 30 - 0 - 2 * wiskunde. PI); over de context. (); de context. Beroerte (); de context. Closepath ();,,, dat wil zeggen met de ogen.Nu de mond is vergelijkbaar, maar deze keer zijn we niet vullen, en ons standpunt kunnen worden uitgerust met een halve cirkel.Om dit te bereiken, moeten we beginnen van nul en een einde te maken aan de hoek van de hoek, - 1 * wiskunde.Weet je nog, vergeet niet om... De kleur rood.,, context.fillstyle = "rood"; de context. Beginpath (); de context. - (320240150, 0, 0, 1 * wiskunde. PI); over de context. () (); de context context. Een beroerte. Closepath ();,, gefeliciteerd, goed werk..Heb je de laatste in de les, jullie maken een verschrikkelijke lach en meer leren over: //europa.eu.int /comm /javascript, doek, en dom.Als je een probleem hebt, kan eventueel commentaar.Klik hier voor de programma 's, actie.
Het canvas
Previous:De oprichting van een multi -
Next Page:Nieuwe koers: een essentieel instrument