Witam

Nie potrafię sobie poradzić z takim projektem

mam grafikę w svg (grafika.svg)



Oraz plik html z umieszoną grafiką.

[HTML] pobierz, plaintext 
  1.  <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title of the document</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <svg
  11.    xmlns:dc="http://purl.org/dc/elements/1.1/"
  12.    xmlns:cc="http://creativecommons.org/ns#"
  13.    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  14.    xmlns:svg="http://www.w3.org/2000/svg"
  15.    xmlns="http://www.w3.org/2000/svg"
  16.    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  17.    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  18.    width="600"
  19.    height="600"
  20.    viewBox="0 0 600 600"
  21.    id="svg3458"
  22.    version="1.1"
  23.    inkscape:version="0.91 r13725"
  24.    sodipodi:docname="grafika.svg">
  25.   <defs
  26.      id="defs3460">
  27.     <inkscape:perspective
  28.        sodipodi:type="inkscape:persp3d"
  29.        inkscape:vp_x="-39.672176 : 139.21828 : 1"
  30.        inkscape:vp_y="0 : 517.37992 : 0"
  31.        inkscape:vp_z="1284.7001 : 139.21828 : 1"
  32.        inkscape:persp3d-origin="622.51391 : 87.480288 : 1"
  33.        id="perspective3474" />
  34.   </defs>
  35.   <sodipodi:namedview
  36.      id="base"
  37.      pagecolor="#ffffff"
  38.      bordercolor="#666666"
  39.      borderopacity="1.0"
  40.      inkscape:pageopacity="0.0"
  41.      inkscape:pageshadow="2"
  42.      inkscape:zoom="0.62"
  43.      inkscape:cx="85.301343"
  44.      inkscape:cy="215.84067"
  45.      inkscape:document-units="px"
  46.      inkscape:current-layer="layer1"
  47.      showgrid="false"
  48.      units="px"
  49.      inkscape:window-width="1920"
  50.      inkscape:window-height="1018"
  51.      inkscape:window-x="-8"
  52.      inkscape:window-y="-8"
  53.      inkscape:window-maximized="1" />
  54.   <metadata
  55.      id="metadata3463">
  56.     <rdf:RDF>
  57.       <cc:Work
  58.          rdf:about="">
  59.         <dc:format>image/svg+xml</dc:format>
  60.         <dc:type
  61.            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  62.         <dc:title></dc:title>
  63.       </cc:Work>
  64.     </rdf:RDF>
  65.   </metadata>
  66.   <g
  67.      inkscape:label="Layer 1"
  68.      inkscape:groupmode="layer"
  69.      id="layer1"
  70.      transform="translate(0,-452.36216)">
  71.     <text
  72.        xml:space="preserve"
  73.        style="font-style:normal;font-weight:normal;font-size:50px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
  74.        x="58.064518"
  75.        y="595.91058"
  76.        id="text3466"
  77.        sodipodi:linespacing="125%"><tspan
  78.          sodipodi:role="line"
  79.          id="tspan3468"
  80.          x="58.064518"
  81.          y="595.91058">TextA</tspan></text>
  82.     <text
  83.        xml:space="preserve"
  84.        style="font-style:normal;font-weight:normal;font-size:50px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
  85.        x="67.741936"
  86.        y="963.65247"
  87.        id="text3470"
  88.        sodipodi:linespacing="125%"><tspan
  89.          sodipodi:role="line"
  90.          id="tspan3472"
  91.          x="67.741936"
  92.          y="963.65247">TextB</tspan></text>
  93.     <g
  94.        sodipodi:type="inkscape:box3d"
  95.        id="g3476"
  96.        style="fill:#ffffff"
  97.        inkscape:perspectiveID="#perspective3474"
  98.        inkscape:corner0="5.8888889 : 1.7222222 : 0 : 1"
  99.        inkscape:corner7="2.509434 : 1.1811321 : 0.25 : 1">
  100.       <path
  101.          sodipodi:type="inkscape:box3dside"
  102.          id="path3488"
  103.          style="fill:#e9e9ff;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  104.          inkscape:box3dsidetype="11"
  105.          d="m 99.464203,795.57584 125.073377,-105.68503 0,74.46577 -125.073377,70.43392 z"
  106.          points="224.53758,689.89081 224.53758,764.35658 99.464203,834.7905 99.464203,795.57584 " />
  107.       <path
  108.          sodipodi:type="inkscape:box3dside"
  109.          id="path3478"
  110.          style="fill:#353564;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  111.          inkscape:box3dsidetype="6"
  112.          d="m 56.451611,791.30926 0,40.63778 43.012592,2.84346 0,-39.21466 z"
  113.          points="56.451611,831.94704 99.464203,834.7905 99.464203,795.57584 56.451611,791.30926 " />
  114.       <path
  115.          sodipodi:type="inkscape:box3dside"
  116.          id="path3480"
  117.          style="fill:#4d4d9f;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  118.          inkscape:box3dsidetype="5"
  119.          d="M 56.451611,791.30926 149.01526,673.98703 224.53758,689.89081 99.464203,795.57584 Z"
  120.          points="149.01526,673.98703 224.53758,689.89081 99.464203,795.57584 56.451611,791.30926 " />
  121.       <path
  122.          sodipodi:type="inkscape:box3dside"
  123.          id="path3486"
  124.          style="fill:#afafde;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  125.          inkscape:box3dsidetype="13"
  126.          d="m 56.451611,831.94704 92.563649,-78.18956 75.52232,10.5991 -125.073377,70.43392 z"
  127.          points="149.01526,753.75748 224.53758,764.35658 99.464203,834.7905 56.451611,831.94704 " />
  128.       <path
  129.          sodipodi:type="inkscape:box3dside"
  130.          id="path3484"
  131.          style="fill:#d7d7ff;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  132.          inkscape:box3dsidetype="14"
  133.          d="m 149.01526,673.98703 0,79.77045 75.52232,10.5991 0,-74.46577 z"
  134.          points="149.01526,753.75748 224.53758,764.35658 224.53758,689.89081 149.01526,673.98703 " />
  135.       <path
  136.          sodipodi:type="inkscape:box3dside"
  137.          id="path3482"
  138.          style="fill:#8686bf;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  139.          inkscape:box3dsidetype="3"
  140.          d="m 56.451611,791.30926 92.563649,-117.32223 0,79.77045 -92.563649,78.18956 z"
  141.          points="149.01526,673.98703 149.01526,753.75748 56.451611,831.94704 56.451611,791.30926 " />
  142.     </g>
  143.   </g>
  144. </svg>
  145.  
  146.  
  147.  
  148. </body>
  149. </html> 
[HTML] pobierz, plaintext


Na początek chciałbym aby pola z grafiki TextA i TextB były pobierane z pliku np TextA.txt i TextB.txt i odświeżane co minutę z aktualnym tekstem który jest w plikach TextA.txt i TextB.txt bez przeładowywania strony index.html
Niestety nie mam pojecia jak to zrobić.