SVG in Html-Hilfe? - Forum zur Thematik Windows Hilfen und Hilfesysteme

Hallo.

Ich möchte SVG-Grafiken in einer CHM-Hilfe einsetzen, doch das geht nicht so einfach, wenn überhaupt. Kennt jemand einen Weg, um SVG-Grafiken darzustellen?

In CHM arbeitet der Internet Explorer als Version 7, aber SVG sind erst ab Version 9 darstellbar (siehe Erklärung). Workarounds habe ich gefunden, aber sie funktionieren nicht oder nicht mehr (hier: Win 7, IE 11):

Meta-Tag: Im <head>-Tag der HTML-Seite wird <meta http-equiv="X-UA-Compatible" content="IE=9" > als erster Tag angegeben. Damit soll IE als Version 9 arbeiten (siehe auch Microsoft dazu).
embed-Tag: Anstelle des img-Tag wird der embed-Tag verwendet.
Registry-Einstellung ändern, damit IE als Version 9 arbeitet.

Separate Javascipt-Libraries habe ich noch nicht getestet, das scheint mir zu aufwändig.

G. Carl

antworten

8215 Views

Korrektur: Das Ändern der Registry-Einstellungen hat doch geholfen: Der Browser arbeitet in der angegebenen Version. Wichtig ist (das hatte ich übersehen), die Registry-Einstellung sowohl für 32Bit als auch für 64Bit vorzunehmen.
Damit kann ich nun SVG-Inline-Code (innerhalb der HTML-Datei) darstellen.

Das Problem bleibt: Mit <img> referenzierte SVG-Grafiken werden in CHM nicht angezeigt, als wären sie nicht vorhanden.

antworten

8091 Views

Muss es unbedingt die <img> - Methode sein?

Unter folgender URL habe ich im unteren Antwortteil eine andere Möglichkeit andeutungsweise beschrieben:Meine Antwort in StackOverflow

Dabei werden die meist mit externer Software erstellten SVG-Dateien im Original beibehalten, in ein Unterverzeichnis des CHM-Projektes kopiert und in die CHM-Datei beim kompilieren eingefügt (embedded).

Mit dem <embed>-Tag wird dann entsprechend verlinkt.

--
Mit besten Grüßen
Ulrich Kulle
Microsoft Help MVP (2007-2009)
************************
http://www.help-info.de
Unterstützen Sie Help-Info.de durch eine PayPal Spende!
https://www.paypal.com

antworten

8216 Views

Hallo.

Danke für den Tipp.
Leider klappt das hier nicht wie gewünscht. Das Einbinden mit <embed ...> führt dazu, dass beim Öffnen der Hilfeseite ein Dialog aufgeht, in dem der Benutzer zum Öffnen /Speichern der Grafik aufgefordert wird. [image]
Gibt es Einstellungen, an denen ich drehen kann? Oder ein funktionierendes Beispiel einer CHM?

mfg
G. Carl

antworten

8253 Views

Meine schon genannte Antwort (StackOverflow) habe ich um einen Download-Link erweitert.

Das Projekt mit allen Dateien ist - neben einigen nicht benötigten Dateien - enthalten. In der kompilierten CHM ist unter Topic-SVG das zweite Beispiel gemeint.

Bitte unter StackOverflow UpVote geben falls es funktioniert.

--
Mit besten Grüßen
Ulrich Kulle
Microsoft Help MVP (2007-2009)
************************
http://www.help-info.de
Unterstützen Sie Help-Info.de durch eine PayPal Spende!
https://www.paypal.com

antworten

8331 Views

Hallo.

Vielen Dank für das Beispiel, das hilft ein Stückchen weiter.

Das SVG-Beispiel 2 in der kompilierten CHM zeigt bei mir das gleiche Verhalten wie bei meinem eigenen Beispiel: es startet ein Dialog zum Öffnen /Speichern der Grafik.
Da das CHM bei Ihnen funktioniert und bei mir nicht, liegt es wohl an den IE-Einstellungen. Ich arbeite mit Win 7, IE 11.
Ich habe die Browser Emulation an mehreren Stellen auf IE11 (11000) umgestellt, aber mit den Original-Einstellungen (meist 8000) ist es das gleiche Verhalten.

Der Vollständigkeit halber: Die SVG-Beispiele 1, 4, 5 klappen; offenbar, weil sie inline-SVG verwenden. Beispiel 3 zeigt Links, mit denen die SVG im Standard-Browser geöffnet werden.

mfg
G. Carl

antworten

8190 Views

Nach einigen Tests mit anderen Rechnern steht wohl fest, dass die CHM-Hilfe (auch die selbst erstellte) mit SVG-Grafiken gut klar kommt. Die gennanten Tipps funktionieren.

Das Problem sind Einstellungen auf meinem eigenen Rechner, die SVG-Anzeige unterbinden. Welche Einstellungen das sind, ist noch unklar. Ob ich sie suche oder den Rechner neu aufsetze ... mal sehen.

Danke für die Beiträge
G. Carl

antworten

8193 Views