.svg images weergeven op webpagina op Raspberry Pi - Softwareontwikkeling

donderdag 19 februari 2015 20:38

Acties:

0 Henk 'm!

M.v.Veelen

Topicstarter

Hoi,

ik heb een aantal .svg images die ik weergeef in een .html file. Als ik deze open op mijn Mac dan zie ik alles netjes verschijnen. Zet ik alles op m'n Raspberry Pi (webserver met NGINX), dan zie ik de afbeeldingen niet, maar alleen de code van de plaatjes als plain text.

Ik voeg ze zo toe:

code:

<html>     
<head>
</head>
<body bgcolor=#c0c0c0>
<object type='image/svg+xml' data='plaatje.svg' width=120 height=120></object>
</body>
</html>

Als ik het plaatje vervang in het .html bestand door de hele code van dat plaatje, dan krijg ik wel het plaatje te zien, maar dan heel groot. Het moet dus wel mogelijk zijn om .svg bestanden weer te geven.

In /etc/nginx/mime.types staat de volgende regelt ook al:

code:

1	image/svg+xml svg svgz;

Ik denk bijna alles wel geprobeerd te hebben, maar heb dus echt even hulp nodig hierbij. Wie weet een oplossing?

¯\_(ツ)_/¯

donderdag 19 februari 2015 20:46

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Misschien is het verstandig om eerst valide HTML te gebruiken, voordat je op zoek gaat naar problemen die veroorzaakt worden door iets heel anders.

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 19 februari 2015 20:55

Acties:

0 Henk 'm!

M.v.Veelen

Topicstarter

Zo dan?

code:

<!DOCTYPE html>
<html>
   <head>
      <title>Test</title>
   </head>
   <body bgcolor='#c0c0c0'>
      <object type='image/svg+xml' data='plaatje.svg' width='120' height='120'></object>
   </body>
</html>

Zelfde resultaat.

Edit:

gebruik maken van iframe, embed.....: zelfde resultaat

code:

<!DOCTYPE html>
<html>
   <head>
      <title>Test</title>
   </head>
   <body bgcolor='#c0c0c0'>
      <object type='image/svg+xml' data='plaatje.svg' width='240' height='240'></object>

<iframe src=plaatje.svg frameborder=0 width=240 height=240></iframe>

<embed type="image/svg+xml" src=plaatje.svg width=240 height=240/>

<img src=plaatje.svg frameborder=0 width=240 height=240>

   </body>
</html>

[ Voor 49% gewijzigd door M.v.Veelen op 19-02-2015 21:42 ]

¯\_(ツ)_/¯

donderdag 19 februari 2015 21:51

Acties:

0 Henk 'm!

M.v.Veelen

Topicstarter

Workaround gevonden: de .svg bestanden opgeslagen als .html en die in een iframe gebruikt: werkt goed genoeg

¯\_(ツ)_/¯

dinsdag 24 februari 2015 20:49

Acties:

0 Henk 'm!

JaPPa03

Mag ik vragen waarom je een afbeelding als .svg wilt gebruiken? Sinds .svg vector based is en je de svg code gewoon kunt gebruiken in de code ipv een src file.

Flight & Race simulation Discord // Mijn YouTube kanaal / Subscribe

dinsdag 24 februari 2015 21:37

Acties:

0 Henk 'm!

Caelorum

M.v.Veelen schreef op donderdag 19 februari 2015 @ 21:51:
Workaround gevonden: de .svg bestanden opgeslagen als .html en die in een iframe gebruikt: werkt goed genoeg

Je kan ook gewoon de inhoud van die .svg bestand in je pagina gooien als inline svg. Die iframe en aparte bestand voegt niets toe. Al zou ik toch nog even goed kijken naar je webserver, want blijkbaar serveert die .svg toch niet goed.

dinsdag 24 februari 2015 23:08

Acties:

0 Henk 'm!

M.v.Veelen

Topicstarter

Die optie heb ik dus niet. Het geheel werkt met een autorefresh die nav een bepaalde waarde van een variabele 1 van de .svg afbeeldingen weer zal geven. Het werkt nu zoals ik wil, dus ben al helemaal blij

¯\_(ツ)_/¯

Pagina: 1

Reageer