Grafika létrehozása vakuval

A fejezetben tárgyalt vektorgrafikus grafika létrehozásának mindegyikének korlátozott alkalmazási területe van: a címke Csak a Safari 1.3, a Firefox 1.5 és az Opera 9 böngészőben érhető el; A VML technológiát (és mindig is) csak IE-ben lehet használni, és csak a Firefox 1.5 böngésző rendelkezik beépített SVG támogatással. Természetesen léteznek SVG támogatási modulok más böngészők számára, de ezek a modulok még nem széles körben használatosak.

22.12. Példa. Canvas.as

// A szabadon elosztott mtasc fordító automatikusan beillesztésre kerül

// hívja a main () metódust a fordított SWF fájlban. Ha létrehozol

1 A 22.13 példa szerinti kód, amely egy kördiagramot hoz létre, használja ezt az alkalmazási rajz interfészt, de itt nem fogom leírni. Az összes szükséges dokumentáció megtalálható az Adobe weboldalán.

22.6. Grafika létrehozása Flash-el

// a Canvas.main () metódust a film első keretéből.

// Ez a konstruktor az Flash_class Canvas függvény Canvas ()

// Határozza meg a vászon viselkedését a Stage.scaleMode = "noScale" méret megváltoztatásakor;

// Importálja a Flash API renderelő funkciókat ExternalInterface.addCallback ("beginFill", _root, _root.beginFill); ExternalInterface.addCallback ("beginGradientFill", _root,

_root.beginGradientFill); ExternalInterface.addCallback ("clear", _root, _root.clear); ExternalInterface.addCallback ("curveTo", _root, _root.curveTo); ExternalInterface.addCallback ("endFill", _root, _root.endFill); ExternalInterface.addCallback ("lineTo", _root, _root.lineTo); ExternalInterface.addCallback ("lineStyle", _root, _root.lineStyle); ExternalInterface.addCallback ("moveTo", _root, _root.moveTo);

// És exportálja az addText () függvényt, a következő módon: ExternalInterface.addCallback ("addText", null, addText);

statikus függvény addText (szöveg, x, y, w, h, mélység, betűméret, méret)

// Hozzon létre egy TextField objektumot a szöveg megjelenítéséhez

// az adott koordinátákban

var tf = _root.createTextField ("tf", mélység, x, y, w, h);

// Küldje el a kimeneti szöveget tf.text = text;

// A szöveges betűkészlet beállításainak beállítása var format = new TextFormat (); format.font = font;

format.size = méret; tf.setTextFormat (formátum);

A Canvas.as fájl programkódja. a 22.12. példában bemutatott, a Canvas.swf fájlba kell fordítani. Mielőtt felhasználható a Flash-lejátszóban. Ennek részletes leírása túlmutat ezen könyv hatókörén, de használhatja az Adobe kereskedelmi Flash IDE-jét vagy a szabadon elérhető Acti_ onScript fordítóprogramot. 1

Sajnos a Flash csak alacsony szintű alkalmazásfelületet biztosít. Különösen a curveTo () az egyetlen olyan függvény, amely görbéket húz (pontosabban a második rend Bézier görbéi). Minden kör, ellipszis és görbe Be_

578 22. fejezet Grafika kezelése az ügyfél oldalán

A 22.13. Példa kiegészítő segédfunkcióval kezdődik, amely a Canvas.swf fájlt egy HTML_document-ba telepíti. A különböző böngészőkben ez a művelet másképpen történik, és a insertCanvas () függvény elrejti ezeket a különbségeket. Ezt követi az ék () függvény, amely a Flash alkalmazási felületet használva egy kördiagram szektort rajzol. Ezután a pieChart () függvény hívja a függvény ék () -ot, hogy rajzoljon egy külön szektort. A példa befejeződik az onload eseménykezelő definíciójával, amely beilleszti a Flash_ vászonot a dokumentumba, és rajzot rajzol rajta.

// Beágyazott Flash_Field a megadott méretű egyetlen

// a megadott konténerelem leszármazottja. A hordozhatóság érdekében a funkció

// használja a címkét a Netscape-kompatibilis böngészőkben és a címkékben