CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede sennels Nybegynder
21. januar 2004 - 09:59 Der er 11 kommentarer og
1 løsning

SVG ? hvordan gør jeg ? og er det vejen frem ?

Hej

Jeg har en masse data i en database, som jeg gerne  vil præsentere grafisk i søjlediagrammer, kurver, plots m.m.
Jeg bruger ASP, til at tilgå min database med.

Men spørgsmålet er nu,
om SVG er vejen frem herfra ?

Da jeg aldrig har lavet noget med SVG, er der et sted, hvor jeg læse om syntaxen ?

Og er der nogen som har nogle simple ekspempler på diagrammer, som er lavet med SVG, som jeg kan kigge lidt i, og aflure, hvordan man gør ?


MVH Thomas
Avatar billede nute Nybegynder
21. januar 2004 - 10:31 #1
her er en tutorial:
http://www.adobe.com/svg/basics/intro.html

og nogle andre interessante links:
http://www.carto.net/papers/svg/samples/
http://www.w3.org/Consortium/Offices/Presentations/SVG/ShortTutorial/

prøv eksemplerne selv ... kopier koden ind i en .svg fil og åbne dem i en browser.

/nute
Avatar billede bearhugx Nybegynder
21. januar 2004 - 11:50 #2
du skal huske på at der skal installeres et 3.-parts program på klienterne inden du kan vise SVG grafik...

Men prøv f.eks. at kigge på
  http://www.adobe.com/svg/demos/devtrack/chart.html (et omfattende eksempel - men meget flot :-)

og denne artikel fra aspAlliance
  http://authors.aspalliance.com/olson/articles/Svg.aspx (mange simple grafer, med kode i ASP.net)
Avatar billede sennels Nybegynder
21. januar 2004 - 12:56 #3
OK i er jo benhårde.. :-)
Gider i uddybe lidt hvor jeg skal starte ?

Ham olson's side f.eks der har en asp side, en hmtl side og xml side.
er det sådan man bygger det op ?

Kan en ren asp/html side ikke skabe både data og præsentation, eller er det dybt åndsvagt ?
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:09 #4
i princippet kan siden både indholde data og præsentation - eksempelt er kun lavet for at illustrere muligheden for at lave en generisk graf over nogle vilkårlige data - hvis din side allerede har data'ene, så er det intet problem at lave svg koden ud fra det ...
Har du et eksempel på en graf, du ønsker at lave, så kan jeg da hjælpe dig noget af vejen (kan php og jsp, men ikke så meget ASP, så programmeringsmæssigt bliver det mest i pseudokode :-)
Avatar billede nute Nybegynder
21. januar 2004 - 13:15 #5
personlig synes jeg den "flotteste" løsning, er at separere data og præsentation. Det nemmeste eksempel kan være fx. dette:

Lav en .svg fil, med følgende indhold (kald den test.svg):
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
"http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
<svg xml:space="preserve" width="5.5in" height=".5in">
<text style="fill:red;" y="15">This is SVG.</text>
</svg>

Derefter laver du en .html fil hvor du laver følgende kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
</head>
<body>
<table>
    <tr>
        <td>
            <embed src="test.svg" name="printable_map" type="image/svg+xml">
        </td>
        <td>
            <embed src="test.svg" name="printable_map" type="image/svg+xml">
        </td>
    </tr>
</table>
</body>
</html>

og vupti, så har du noget svg på din side.
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:21 #6
nute--- spørgsmålet er om du her at delt data og præsentation - jeg mener det ikke- kun at du har delt præsentationen op i to logiske komponenter...

jeg mener også at svg-objekter skal defineres i fil for sig selv (så det ikke bliver blandet sammen med HTML'siden... Men det data, du reelt har i ovenstående eksempel er jo ikke såmeget svg-objektet men mere strengen "This is SVG." ... og den kunne så vælges at ligge i en xml-fil for sig selv...

jeg forestillede mig lidt at sennels evt. havde en asp-side, som outputtede disse svg-objekter/filer....

på den måde kunne man forestille sig en side med følgende kode

<body>
  <object type="image/svg+xml" width="..." height="..." src="http://server/lavSVGChart.asp">
  </object>
</body>
Avatar billede nute Nybegynder
21. januar 2004 - 13:26 #7
bearhugx >> du har fuldstændig ret ... det kom jeg til at tænke på efter jeg havde postet.

Jeg er også ny til dette, men bruger da threaden til at lære lidt om det. da jeg fortsatte at lege med mit eksempel fant jeg ud at præsentationen lå direkte nede i min .svg fil. (( endnu en grund til at jeg kun poster kommentarer og ikke svar ;-) ))
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:39 #8
sennels >> du spørger om svg er vejen frem ...

SVG _kan_ være vejen frem - det er forholdsvist enkelt at lave grafer i det, når man først har fået SVG syntaksen på plads - graferne er flotte - i hvert fald flottere end de mange "vi-laver-dine-data-om-til-gif-billeder-af-grafer"-biblioteker, som findes derude...

Det kommer dog med en pris, idet alle, som skal se graferne, skal have et plugin installeret (Adobes er ret godt :-), men er bl.a. omfattende at installere på Mozilla/Netscape browsere)

Det er klart at der vil ses mere SVG i fremtiden... Men om SVG er fremtiden for din hjemmeside kan kun du beslutte...


Hvor du læser om SVG syntaksen :
  du kan altid finde specifikationen her :  http://www.w3.org/Graphics/SVG/

  Dette er (bør være) den eksakte og altid up-to-date bestemmelse af, hvad der er muligt i SVG-land :-)

ang. eksempler :
  har postet nogle ovenfor - men ellers søg på SVG på f.eks. google - der er mange "fan sites"  allerede
Avatar billede sennels Nybegynder
24. januar 2004 - 10:31 #9
Hejsa

tak for jeres gode input, det har ledt mig på et og nyt spændende spor, og er nu langsomt ved at få det til at hænge sammen..
Avatar billede sennels Nybegynder
26. januar 2004 - 12:39 #10
Hej Bearhugx eller Nute.
Ved i hvordan jeg kan sikre, mig at komponenten nemmeste bliver installeret.
tjek venligst
http://www.eksperten.dk/spm/457049
Avatar billede bearhugx Nybegynder
26. januar 2004 - 14:42 #11
har lige set dit nye spørgsmål -- kigger lige på det - det har også været et spørgsmål for mig :-))
Avatar billede mobi2 Nybegynder
11. marts 2004 - 13:35 #12
Har lige en lille kommentar til alt det her :-)
Jeg har rodet med svg 1 mdr tid, og har så fundet en ganske god hjælp gennem learn svg. Man kan købe en E-book fra dem for 15 dollar, og da kursen ikke er det vilde er det virkelig et godt køb. Stort set alle grundprincipperne er beskrevet i detajler, samt en hel del andet. Bogen kan findes her, samt 3 tut over svg: www.learnsvg.com.
Envidere er der Webdraw!! Nok det bedste dev tool til svg. Det har ALT hvad man kan ønske sig inden for editering og redigering af svg. find det her: http://www.jasc.com/products/webdraw/?
og så min stille mening... SVG er helt sikkert fremtiden. Det kan bruges alle steder, også på håndholdte og mobiler, og grafiken bliver bare ikke bedre :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra XML & XSLT kategorien

Titel Indlæg Oprettet Seneste aktivitet
Gyldig XML? Af jpi i XML & XSLT 8 13/03/202314:56 14/03/202316:28
håber nogen kan hjælpe Af offenbach1 i XML & XSLT 4 01/02/202310:27 01/02/202314:13
Hvordan skal der svares på dette telegram Af scb i XML & XSLT 0 03/03/202121:25 -
ZIP > XML > HTML Af kodak i XML & XSLT 2 07/03/202001:19 07/03/202010:41
Skjule forretningslogik Af ABCit i XML & XSLT 1 24/01/202012:54 25/01/202017:43
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:56 Forskellige billeder til forskellige skærme ? Af snedker1 i Mac
I dag 11:56 Om brug af funktionen sumprodukt Af Erik R i Excel
I går 22:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
I går 14:04 Pixeline cd’er til PC Af Mathilde i Windows
I går 01:14 Windows 10 - IIS 10 Af bsn i Windows
White papers
Flere white papers »


Premium
Teaser billede
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
Læs mere »
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Wordperfect-stifteren Bruce Bastian er død: Han revolutionerede tekstbehandlingen, men tabte slaget til Microsoft
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Efter forbud fra Datatilsynet: Nu ændres data-håndteringen i din kørekort-app
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Læs mere »
Opdag fordelene ved cloud-baseret backup og recovery
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Sådan gør du: Elektronisk dokumentudveksling i praksis
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »