ThomasM: Suche CHM-Beispiel mit SVG-Grafik

Beitrag lesen

SELF-Forum

Suche CHM-Beispiel mit SVG-Grafik

ThomasM
+1 Informationen zu den Bewertungsregeln

Hallo Sampo,

Ich suche nach einem Beispiel für eine funktionierende CHM-Hilfe (compiled Html help), in der eine SVG-Grafik verwendet wird. Die Grafik soll dabei referenziert sein wie <img src="graphic.svg">. Mir ist bekannt, dass die CHM-Hilfe (bzw. IE) fürs Rendern von SVGs von IE7 auf IE9 (oder höher) umgestellt werden muss. Wo finde ich eine solche CHM-Hilfe??

Der IE fällt im CHM-Viewer auf den IE7-Modus zurück. Mittels <meta http-equiv="X-UA-Compatible" content="IE=edge" /> funktioniert es zumindest mit dem IE 11.

Mal kurz geschraubt:

test.hhp

[OPTIONS]
Compatibility=1.1 or later
Display compile progress=No
Language=0x407 Deutsch (Deutschland)
Compiled file=test.chm
Contents file=test.hhc
Default topic=test.html
Title=Test

[FILES]
test.html
test.svg

test.hhc

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<HEAD>
<meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1">
<!-- Sitemap 1.0 -->
</HEAD><BODY>
<OBJECT type="text/site properties">
	<param name="ImageType" value="Folder">
</OBJECT>
<UL>
	<LI> <OBJECT type="text/sitemap">
		<param name="Name" value="Test">
		<param name="Local" value="test.html">
		</OBJECT>
</UL>
</BODY></HTML>

test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
   <head>
      <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>CHM-Test</title>
   </head>
   <body>
     <h1>CHM-Test mit SVG</h1>
     <div>
       <img src="test.svg" alt="Kreis" />
     </div>
   </body>
</html>

test.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle cx="50" cy="50" r="30" fill="red"/>
</svg>

CHM-Ansicht

Grüße,
Thomas

Beitrag melden
+1
Informationen zu den Bewertungsregeln