SVG in Html-Hilfe?

G. Carl, Mittwoch, 13.07.2016, 17:19 (vor 3068 Tagen)

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

SVG in Html-Hilfe?

G. Carl, Donnerstag, 14.07.2016, 17:23 (vor 3067 Tagen) @ G. Carl

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.

SVG in Html-Hilfe?

Ulrich Kulle ⌂, Freitag, 15.07.2016, 13:02 (vor 3066 Tagen) @ G. Carl

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

SVG in Html-Hilfe?

G. Carl, Freitag, 15.07.2016, 15:38 (vor 3066 Tagen) @ Ulrich Kulle

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

SVG in Html-Hilfe?

Ulrich Kulle ⌂, Freitag, 15.07.2016, 20:24 (vor 3066 Tagen) @ G. Carl

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

SVG in Html-Hilfe?

G. Carl, Montag, 18.07.2016, 11:09 (vor 3064 Tagen) @ Ulrich Kulle

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

SVG in Html-Hilfe?

G. Carl, Montag, 18.07.2016, 16:13 (vor 3063 Tagen) @ Ulrich Kulle

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

powered by my little forum