1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Programmeringssprog >> html og HTML5 >>

html5 perspektivgruppen

, perspektivgruppen står for, er, calable, v, ector, g, raphics, og det er et sprog til beskrivelse af 2d grafik og grafiske ansøgninger i xml - og xml - er afsagt af en perspektivgruppen skærmen., for det meste er nyttige til vektor perspektivgruppen type diagrammer, som diagrammer, to dimensionel grafer i en x, y koordinatsystem osv. perspektivgruppen blev et w3c henstilling 14.i januar 2003, og du kan se på den seneste udgave af perspektivgruppen specifikation på perspektivgruppen specifikation., hvori perspektivgruppen filer, de fleste af de webbrowsere kan vise perspektivgruppen, ligesom de kan udstille men heller ikke dér er menneskene sikre, gif og jpg.internet explorer, kan brugerne til at installere adobe perspektivgruppen skærm skal være i stand til at se perspektivgruppen i browseren., embeding perspektivgruppen i html5, html5 giver embeding perspektivgruppen direkte ved hjælp af < perspektivgruppen > < /perspektivgruppen >, mærke, som har følgende enkle syntaks −, < perspektivgruppen xmlns = "http: //www.w3.org /2000 /perspektivgruppen" >...< /perspektivgruppen >, firefox 3.7 har også indført en konfiguration mulighed (": ud"), hvor du kan gøre html5 ved følgende foranstaltninger −,,, type, om: ud i din firefox adresse bar.,,, klik på "jeg vil være forsigtig, det lover jeg.!"knap på den advarsel, som forekommer (og sørge for, at du overholder det!)..,,, type, html5.enable i filteret bar øverst på siden.,,, som det ville være handicappede, så klik til at aktivere den værdi for sandt.,,, og nu din firefox html5 parser nu bør have mulighed for, og de skal være i stand til at eksperimentere med følgende eksempler, html5. − perspektivgruppen cirkel, som er html5 version af en perspektivgruppen eksempel, der vil tegne en cirkel på < cirkel > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 50%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> <body> <h2 align="center">HTML5 SVG Circle</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <circle id="redcircle" cx="50" cy="50" r="50" fill="red" /> </svg> \t\t </body> </html> ,This would produce following result in html5 mulighed for seneste version af firefox. det giver følgende resultat −,, html5 − perspektivgruppen rektangel, som er html5 version af en perspektivgruppen eksempel, som vil gøre et rektangel med < direkte > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> <body> \t <h2 align="center">HTML5 SVG Rectangle</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <rect id="redrect" width="300" height="100" fill="red" /> </svg> \t\t </body> </html> ,This would produce following result in HTml5 mulighed for seneste version af firefox.,, html5 − perspektivgruppen linje, som er html5 version af en perspektivgruppen eksempel, som vil trække en streg på < linje > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> \t <body> \t <h2 align="center">HTML5 SVG Line</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <line x1="0" y1="0" x2="200" y2="100" style="stroke:red;stroke-width:2"/> </svg> \t\t </body> </html> ,You can use style attribute which har du mulighed for at fastsætte supplerende oplysninger som slagtilfælde og fylde stil farver, bredde af slagtilfælde osv., vil det føre til følgende resultat i html5 mulighed for seneste version af firefox.,, html5 − perspektivgruppen ellipse, som er html5 version af en perspektivgruppen eksempel, som vil gøre en ellipse med < ellipse > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); transform: translateX(-40%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> \t <body> \t <h2 align="center">HTML5 SVG Ellipse</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="50" rx="100" ry="50" fill="red" /> </svg> \t\t </body> </html> ,This would produce following result in HTML5 enablødt, seneste version af firefox.,, html5 − perspektivgruppen polygon, efter den html5 version af en perspektivgruppen eksempel, som henleder en polygon på < polygon > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> \t <body> \t <h2 align="center">HTML5 SVG Polygon</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <polygon points="20,10 300,20, 170,50" fill="red" /> </svg> \t\t </body> </html> ,This would produce following result in HTML5 enabled latest version af firefox.,, html5 − perspektivgruppen polyline, efter den html5 version af en, som ville gøre en polyline perspektivgruppen eksempel på < polyline > tag −, <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> \t <body> \t <h2 align="center">HTML5 SVG Polyline</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <polyline points="0,0 0,20 20,20 20,40 40,40 40,60" fill="red" /> </svg> \t\t </body> </html> ,This would produce following resulti html5 mulighed for seneste version af firefox.,, html5 − perspektivgruppen stigninger, som er html5 version af en, som ville gøre en ellipse perspektivgruppen eksempel på < ellipse > tag, og vil bruge < radialgradient > - at definere en perspektivgruppen radiale gradient, lignende måde du kan. use < lineargradient > - at skabe perspektivgruppen lineær gradient. <!DOCTYPE html> <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); transform: translateX(-40%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> \t <body> \t <h2 align="center">HTML5 SVG Gradient Ellipse</h2> \t\t <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> \t\t <defs> \t\t\t <radialGradient id="gradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color: rgb (200200200); - uklarhed: 0 "/> < at udligne =" 100% "stil =" stop farve: rgb (0,0255); - uklarhed: 1 /> < /radialgradient > < /defs > < ellipse cx = "100" cy = "50" rx = 100 q = "50" stil = "fyld: url (# gradient)" /> < /perspektivgruppen > < /organ > < /html > dette vil producere efter resultere i html5 mulighed for seneste version af firefox.,, html5 − perspektivgruppen stjerne, som er html5 version af en perspektivgruppen eksempel, som vil gøre en stjerne på < polygon > tag., <html> <head> <style> #svgelem{ position: relative; left: 50%; -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); transform: translateX(-40%); } </style> <title>SVG</title> <meta charset="utf-8" /> </head> <body>\t <h2 align="center">HTML5 SVG Star</h2> <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg"> <polygon points="100,10 40,180 190,60 10,60 160,180" fill="red"/> </svg> </body> </html> ,This would produce following result in HTML5 ennavnlig den seneste udgave af firefox.,,



Previous:
Next Page: