DE102016110746B3

DE102016110746B3 - Method for displaying text on a display

Info

Publication number: DE102016110746B3
Application number: DE102016110746.8A
Authority: DE
Inventors: Andreas Freiherr von Lepel
Original assignee: Storydocks GmbH
Current assignee: Storydocks GmbH
Priority date: 2016-06-10
Filing date: 2016-06-10
Publication date: 2017-09-14
Anticipated expiration: 2036-06-11
Also published as: WO2018077488A2; WO2018077488A9; WO2018077488A3

Abstract

Die Erfindung betrifft ein Verfahren zur Darstellung von Text auf einem Wiedergabe-Display (19) unter Verwendung einer Abfolge folgender Schritte beim Erfassen des Textes: – Erstellen oder Erhalten eines Textfensters (16) enthaltend einen Text mit Schriftzeichen, die mittels Trennzeichen voneinander getrennt sind, – Identifizieren jedes im Textfenster enthaltenen Wortes mittels der Trennzeichen und Speichern des Wortes als Wort-Bitmap Image in einem Composite Bitmap Image, wobei Wörter, die mit der gleichen Formatierung mehrfach vorkommen, jeweils nur einmal in das Composite Bitmap Image geschrieben werden, – Speichern einer Quellbeschreibungsdatei, die für jedes Wort-Bitmap Image eine Wort-ID, mit der jedes Wort in dem Composite Bitmap Image referenziert wird, eine zugeordnete Framegröße und seine Position in dem Composite Bitmap Image umfasst, wobei der Zugriff auf jede Wort-Bitmap über die Wort-ID gesteuert wird, – Erstellen einer Zielbeschreibungsdatei, welche die Wort-ID und die Zielposition jeder Wortbitmap im Wiedergabefenster enthält, so dass die Wiedergabe des Textes im Wiedergabefenster in genau gleicher Weise wie im Textfenster erfolgt, und einer Abfolge folgender Schritte beim Wiedergeben des Textes in einem Wiedergabefenster (18): – Verwenden der Daten aus der Quellbeschreibungsdatei und Zielbeschreibungsdatei zum Aufbau einer Wiedergabebitmap aus den in dem Composite Bitmap Image gespeicherten Wort-Bitmap Images, – Ermitteln der Größe des Wiedergabefensters, – Skalieren der Wiedergabebitmap auf die Größe des Wiedergabefensters und – Anzeige der skalierten Wiedergabebitmap im Wiedergabefenster (18).The invention relates to a method for displaying text on a display (19) using a sequence of the following steps in capturing the text: - creating or maintaining a text window (16) containing a text with characters separated by separators, - Identify each word contained in the text window using the delimiters and save the word as a word bitmap image in a composite bitmap image, with words that occur multiple times with the same formatting written to the composite bitmap image only once, - saving one A source description file that, for each word bitmap image, includes a word ID that is referenced by each word in the composite bitmap image, an associated frame size, and its location in the composite bitmap image, with access to each word bitmap via the word -ID is controlled, - create a destination description file containing the word ID and the destination position of each word bitmap in the display window, so that the reproduction of the text in the display window is exactly the same as in the text window, and a sequence of following steps in rendering the text in a display window (18): Using the data from the Source description file and target description file for constructing a reproduction bitmap from the word bitmap images stored in the composite bitmap image, - determining the size of the rendering window, - scaling the rendering bitmap to the size of the rendering window, and - displaying the scaled rendering bitmap in the rendering window (18).

Description

Die vorliegende Erfindung betrifft die Wiedergabe von Text auf einem Display, wobei die Formatierung des Textes beibehalten werden soll, jedoch eine dem Wiedergabefenster des Displays angepasste Wiedergabe des Textes erfolgen soll.The present invention relates to the reproduction of text on a display, wherein the formatting of the text is to be maintained, but should be made to the display window of the display playback of the text.

Ein Verfahren zur Wiedergabe von Text ist in der US 8,922,582 B2 beschrieben. Dort werden bestehende formatierte Texte unter Verwendung eines Composite Bitmap Image so umformatiert, dass sie in ein oder mehrere lange Zeilen passen. Der Nachteil an dem bekannten Verfahren besteht darin, dass bestehende formatierte Texte umformatiert werden, wobei über den Text hinausgehende Informationen wie zum Beispiel der Zeilenabstand, Einzug und Ausrichtung verloren gehen. Für die Darstellung wird zuerst ein Bereich auf dem Display definiert, in welches der Text geschrieben werden soll. Die Wörter aus dem Composite Bitmap Image werden nun in diese Textregion eingeführt, und zwar immer unter Beachtung des verfügbaren Platzes. Diesem Verfahren ist es zu eigen, dass ein vorhandener Text auf unterschiedlichen Darstellungsfenstern unterschiedlich wiedergegeben wird, zum Beispiel mit unterschiedlichen Zeilenunterbrüchen etc.A method of rendering text is in the US 8,922,582 B2 described. There, existing formatted texts are reformatted using a composite bitmap image to fit one or more long lines. The disadvantage of the known method is that existing formatted texts are reformatted, with information going beyond the text, such as line spacing, indentation, and orientation, being lost. For the display, an area on the display is first defined in which the text should be written. The words from the composite bitmap image are now introduced into this text region, always taking into account the available space. It is inherent in this method that an existing text is displayed differently on different presentation windows, for example with different line breaks etc.

Der Artikel „Creating Dynamic Text With Custom Bitmap Fonts“ 11.02.2014, URL: http://www.gamebuilderstudio.com/tutorial/98/Creating-Dynamic-Text-With-Custom-Bitmap-Fonts.html beschreibt die Verwendng von Bitmap-Fonts für die Erzeugung eines verbraucherindividualisierten Textes. Ein verbraucherindividualisierte Font-Datei wird verwendet, um die Zeichen in einer Zeichenfolge in ein zusammengesetztes Textbild zu mappen. The article "Creating Dynamic Text With Custom Bitmap Fonts" 11.02.2014, URL: http://www.gamebuilderstudio.com/tutorial/98/Creating-Dynamic-Text-With-Custom-Bitmap-Fonts.html describes the use of Bitmap fonts for the generation of consumer-customized text. A consumer-customized font file is used to map the characters in a string into a composite text image.

Der Artikel “Android UI Design Basics for Developers", 13.08. 2012, URL: http://www.developer.com/ws/android/development-tools/android-ui-design.basics-for-developers.html zeigt ein graphisch basiertes UI Werkzeug, das eine Tabelle von unterschiedlichen Endgeräteparametern bereithält, um die Darstllung auf unterschiedlichen Endgeräten zu emulieren.The article "Android UI Design Basics for Developers", Aug 13, 2012, URL: http://www.developer.com/ws/android/development-tools/android-ui-design.basics-for-developers.html displays Graphically based UI tool that provides a table of different terminal parameters to emulate the display on different terminals.

Es ist daher Ziel der vorliegenden Erfindung, ein Verfahren zu schaffen, das eine entsprechend der Erstellung eines Textes in einem Textfenster eines Texteditors wiedergabegetreue Darstellung von Text auf Endgeräte-Displays mit unterschiedlichen großen Wiedergabefenstern zur Wiedergabe des Textes ermöglicht. Diese Aufgabe wird realisiert durch ein Verfahren mit den Merkmalen des Anspruchs 1. Vorteilhafte Weiterbildungen der Erfindung sind Gegenstand der abhängigen Ansprüche. Weiterbildungen der Erfindung sind ebenfalls in der Beschreibung und in den Zeichnungen offenbart.It is therefore an object of the present invention to provide a method that allows a faithful reproduction of text on terminal displays with different large display windows for the reproduction of the text according to the creation of a text in a text window of a text editor. This object is achieved by a method having the features of claim 1. Advantageous developments of the invention are the subject of the dependent claims. Further developments of the invention are also disclosed in the description and in the drawings.

Erfindungsgemäß wird ein Textfenster zur Wiedergabe erhalten oder erstellt, welches einen Text mit Schriftzeichen aufweist, die mittels Trennzeichen voneinander getrennt sind. Die Trennzeichen können zum Beispiel Leerzeichen, Interpunktion und/oder auch reine Trenn-Formatierungstrennzeichen sein, die im Text nicht ersichtlich sind. Jedes in dem Textfenster enthaltene Schriftzeichen, welches zum Beispiel ein Wort, eine Silbe oder auch ein chinesisches oder japanisches Kanji sein kann, wird mittels der Trennzeichen identifiziert und inkl. seiner Formatierung als Wort-Bitmap Image in einem Composite Bitmap Image gespeichert. Zu jedem Wort-Bitmap Image wird eine Quellbeschreibungsdatei gespeichert, welche eine Wort-ID zur Identifizierung des Schriftzeichens, eine zugeordnete Framegröße und seine Position in dem Composite Bitmap Image enthält. Weiterhin wird eine Zielbeschreibungsdatei erstellt, welche die Wort-ID und die Zielposition jeder Wort-Bitmap Image im Textfenster enthält. Diese drei Dateien, nämlich das Composite Bitmap Image, die Quellbeschreibungsdatei als auch die Zielbeschreibungsdatei werden für die Übertragung des Textfensters auf das Betriebssystem des das Display aufweisenden Geräts exportiert. Die Quellbeschreibungsdatei und Zielbeschreibungsdatei können auch in einer einzigen Datei angeordnet oder auf mehr als zwei Dateien verteilt sein. Beim Aufbau des Textes in einem Wiedergabefenster, welches in seiner Größe von dem ursprünglichen Textfenster abweichen kann, werden folgende Schritte durchgeführt:
Die Daten aus der Quellbeschreibungsdatei und Zielbeschreibungsdatei werden zum Aufbau einer Wiedergabe-Bitmap aus den in dem Composite Bitmap Image gespeicherten Wort-Bitmap Images verwendet. Auf diese Weise werden die in dem Composite Bitmap Image gespeicherten Wort-Bitmap Images in genau gleicher Weise aufgebaut wie im ursprünglichen Textfenster. Nun wird über das Gerät die Größe des Wiedergabefensters zur Darstellung des Textes ermittelt. Die Wiedergabe-Bitmap wird auf die Größe des Wiedergabefensters skaliert. Dies bedeutet, dass wenn das Wiedergabefenster kleiner als das Textfenster ist, wird die Wiedergabe-Bitmap entsprechend auf die Größe des Wiedergabefensters herunterskaliert. Sollte das Wiedergabefenster sogar größer als das ursprüngliche Textfenster sein, so wird die Wiedergabe-Bitmap auf die Größe des Wiedergabefensters heraufskaliert. Anschließend wird die skalierte Wiedergabe-Bitmap, die nun genau in das Wiedergabefenster passt, im Wiedergabefenster wiedergegeben. Auf diese Weise erfolgt im Wiedergabefenster die Wiedergabe des Textes in genau gleicher Weise, wie sie im ursprünglichen Textfenster erfolgt ist. According to the invention, a text window is obtained or created for display, which has a text with characters separated by separators. The separators may be, for example, spaces, punctuation and / or pure separation formatting separators, which are not apparent in the text. Each character contained in the text window, which may be, for example, a word, a syllable or even a Chinese or Japanese kanji, is identified by means of the delimiters and stored including its formatting as a word bitmap image in a composite bitmap image. For each word bitmap image, a source description file is stored containing a word ID for identifying the character, an associated frame size and its position in the composite bitmap image. Furthermore, a destination description file is created containing the word ID and destination position of each word bitmap image in the text window. These three files, the composite bitmap image, the source description file, and the destination description file are exported to the operating system of the display device for transferring the text window. The source description file and destination description file may also be arranged in a single file or distributed over more than two files. When constructing the text in a display window, which may differ in size from the original text window, the following steps are performed:
The data from the source description file and destination description file are used to construct a rendering bitmap from the word bitmap images stored in the composite bitmap image. In this way, the word bitmap images stored in the composite bitmap image are constructed in exactly the same way as in the original text window. Now the device determines the size of the display window for displaying the text. The playback bitmap is scaled to the size of the playback window. This means that if the playback window is smaller than the text window, the playback bitmap will be scaled down to the size of the playback window. If the playback window is even larger than the original text window, the playback bitmap is scaled up to the size of the playback window. Then the scaled playback bitmap, which now fits exactly in the playback window, is played in the playback window. In this way, the playback of the text in the playback window in exactly the same way as in the original text window is done.

In einer vorteilhaften Weiterbildung der Erfindung kann die Zielbeschreibungsdatei auch Farbdaten zur Wiedergabe jedem Wort-Bitmap Image enthalten.In an advantageous development of the invention, the destination description file can also contain color data for the reproduction of each word bitmap image.

In einer besonders vorteilhaften Weiterbildung der Erfindung enthält die Zielbeschreibungsdatei für jedes Wort-Bitmap Image unterschiedliche Skalierungen. Dies ermöglicht es, den Text für unterschiedlich große Wiedergabefenster auch unterschiedlich darzustellen. In einem sehr kleinen Textfenster könnte das Herunterskalieren der Wiedergabe-Bitmap (Wiedergabe-Bitmap Image) dazu führen, dass die Wörter von ihrer Größe her unleserlich werden. Mit einer Hochskalierung des Textes der Text-Bitmaps zum Beispiel um den Faktor 1,5 und 2,0 verändert sich der Aufbau des Textes. Somit wird bei den zugeordneten Skalierungen auch die Position des Wort-Bitmap Image im Wiedergabefenster neu definiert. Wenn somit skalierte Wort-Bitmap Images nachher zum Aufbau des Textes im Wiedergabefenster verwendet werden, wird die Anordnung der Wörter und somit auch die Zeilenumbrüche verschoben. Vorzugsweise wird die in der Zielbeschreibungsdatei erhaltene Skalierung in Abhängigkeit von der Größe des Wiedergabefensters gewählt. Wenn zum Beispiel das Wiedergabefenster sehr klein ist, wird zum Beispiel die Skalierung 2,0, das heißt Vergrößerung um den Faktor 2 verwendet. Selbstverständlich können drei feste Skalierungen zum Beispiel 1,0, 1,5 und 2,0 abgespeichert werden. Es sind jedoch auch weniger oder mehr unterschiedliche Skalierungen in jeder Zielbeschreibungsdatei ablegbar. In a particularly advantageous development of the invention, the destination description file contains different scalings for each word bitmap image. This makes it possible to display the text differently for different sized playback windows. In a very small text window, scaling down the rendering bitmap (rendering bitmap image) could make the words unreadable in size. With an upscaling of the text of the text bitmaps, for example by a factor of 1.5 and 2.0, the structure of the text changes. Thus, the position of the word bitmap image in the playback window is also redefined for the assigned scalings. Thus, when scaled word bitmap images are subsequently used to construct the text in the rendering window, the order of the words, and thus the line breaks, is shifted. Preferably, the scaling obtained in the destination description file is selected depending on the size of the display window. For example, if the rendering window is very small, then scale 2.0, that is, magnification by a factor of 2, is used. Of course, three fixed scaling, for example 1,0, 1,5 and 2,0 can be stored. However, fewer or more different scales can be stored in each destination description file.

Üblicherweise ist das Trennsymbol ein Leerzeichen, ein Interpunktionszeichen oder ein Formatierungs-Trennzeichen, welches keinen Einfluss auf die Wiedergabe des Textes hat. Solche Zeichen werden zum Beispiel benötigt, um unterschiedliche Kanji in einem chinesischen oder japanischen Text voneinander zu trennen. Die Kanji werden in der Regel ohne Leerzeichen aneinander geschrieben, so dass eine Unterteilung des japanischen oder chinesischen Textes in Wörter nur durch Vorsehen von Formatierungstrennzeichen im Text möglich ist. Usually, the separator symbol is a space, a punctuation mark or a formatting delimiter which has no influence on the reproduction of the text. Such characters are needed, for example, to separate different kanji in Chinese or Japanese text. The kanji are usually written to each other without spaces, so that a division of the Japanese or Chinese text into words is possible only by providing formatting separators in the text.

Vorzugsweise wird während des Aufbaus und der Erstellung der Quellbeschreibungsdatei und Zielbeschreibungsdatei die Zuordnung zwischen Composite Bitmap Image, Quellbeschreibungsdatei und Zielbeschreibungsdatei über die Wort-ID jedes Wort-Bitmap Image gesteuert. Preferably, during construction and creation of the source description file and destination description file, the mapping between the composite bitmap image, source description file, and destination description file is controlled via the word ID of each word bitmap image.

Wie bereits zum Ausdruck gebracht, werden die Positionsdaten jedes Wort-Bitmap Image in der Zielbeschreibungsdatei vorzugsweise mit einem Skalierungsfaktor versehen, welcher von der Größe des Wiedergabefensters abhängt. As already stated, the position data of each word bitmap image in the destination description file is preferably provided with a scaling factor, which depends on the size of the display window.

Es ist für den Fachmann offensichtlich, dass die obigen Ausführungsbeispiele in beliebiger Weise miteinander kombinierbar sind.It is obvious to a person skilled in the art that the above exemplary embodiments can be combined with one another in any desired manner.

Nachfolgend werden unterschiedliche Aspekte der Erfindung betrachtet.Hereinafter, various aspects of the invention will be considered.

a) Verwendung aller Fontsa) Use of all fonts

Bei der vorliegenden Erfindung geht es darum, Texte auf allen möglichen verschiedenen Plattformen und Displays immer pixelgenau identisch darzustellen. Zusätzlich sollen alle Fonts verwendbar sein, Wörter können zerteilt werden (z.B. in Silben) und die Composite Bitmap Images sollen so platzsparend wie möglich aufgebaut sein.In the present invention, it is important to display texts on all possible different platforms and displays always pixel-exactly identical. In addition, all fonts should be usable, words can be split (for example, in syllables) and the composite bitmap images should be as space-saving as possible.

Daher wird erfindungsgemäß das Composite Bitmap Image erzeugt, indem jedes Wort einzeln in voller Größe hinein gezeichnet („gerendert“) wird, dadurch kann man dann auch die Texte wieder problemlos zusammensetzen:
Damit man beim Zusammensetzen des finalen Textes genau weiß, wo sich alle Wort-Blöcke befinden gibt es zu jedem Composite Bitmap Image (oder wie wir sagen „Wörter-Atlas“) eine Quellbeschreibungsdatei, die genau sagt wo sich ein Wort in der Bitmap befindet, welche Ausmaße es hat und über welche ID es referenziert wird, hier ein Beispiel für drei Worte:

Therefore, according to the invention, the composite bitmap image is created by individually drawing ("rendering") each word in full size, thereby allowing the texts to be put together again without problems:
In order to know exactly where all the word blocks are when assembling the final text, there is a source description file for each composite bitmap image (or "word atlas") that tells exactly where a word is in the bitmap. which dimensions it has and which ID it is referenced, here is an example of three words:

Hier ist z.B. "0x7f9aa3df3590" die ID für ein Wort, es befindet sich in dem Composite Bitmap Image an Position x = 594, y = 2 und hat die Maße (width, height) w = 313, h = 182.Here is e.g. "0x7f9aa3df3590" is the ID for a word, it is located in the composite bitmap image at position x = 594, y = 2 and has the dimensions (width, height) w = 313, h = 182.

b) Fest definiertes Ziel-Layout in mehreren Größenb) Fixed target layout in several sizes

Die vorliegende Erfindung ermöglicht es, den Text auf der Zielplattform genauso wieder pixelgenau zusammenzusetzen wie er ursprünglich erstellt wurde. Optional kann für kleinere Displays der Text z.B. um die Faktoren 1,5x oder 2,0x vergrößert dargestellt werden, wobei Formatierungen wie Ausrichtung und Absätze etc. erhalten bleiben. Diese Skalierungsinformation mit den zugeordneten Positionen wird vorzugsweise in die Zielbeschreibungsdatei geschrieben.The present invention makes it possible to reassemble the text on the target platform exactly as it was originally created. Optionally, for smaller displays, the text may e.g. magnified by 1.5x or 2.0x, preserving formatting such as alignment and paragraphs, etc. This scaling information with the assigned positions is preferably written in the destination description file.

Hier ist zu beachten, dass die Breite des Wiedergabefensters im Verhältnis zum Wiedergabedisplay gleich bleibt (d.h. es hat das gleiche Verhältnis wie das Textfenster zum Ursprungsdisplay). Das Wiedergabefenster hat also z.B. eine relative Breite von 30% des Wiedergabedisplays. Wenn jetzt um 2,0x vergrößerte Worte verwendet werden (da es z.B. ein kleines Display ist), dann bleibt die Breite des Wiedergabefensters die gleiche, aber der Text wird nach unten hin sehr viel länger, da die Zeilen anders umbrechen. Das ist aber gewünscht, wenn ein Text von der Länge her nicht in ein Wiedergabefenster passt, dann wird er vorzugsweise gescrollt.It should be noted here that the width of the display window remains the same relative to the playback display (i.e., it has the same ratio as the text window to the source display). The display window thus has e.g. a relative width of 30% of the playback display. Now, if words increased by 2.0x are used (because it is a small display, for example), then the width of the rendering window will remain the same, but the text will be much longer down as the lines wrap differently. However, this is desirable if a text of length does not fit into a display window, then it is preferably scrolled.

Für die Darstellung des Textes gibt es die Zielbeschreibungsdatei. In dieser ist vorzugsweise für jedes Wort (welches über die ID referenziert wird) des Textes beschrieben, an welcher Zielposition im Wiedergabefenster es gezeichnet werden soll, hier ein Beispiel für ein Wort:

For the presentation of the text there is the destination description file. In this is preferably for each word (which is referenced by the ID) of the text described, at which target position in the display window it is to be drawn, here is an example of a word:

Das Wort mit der ID „0x7f9aa3fd52e0“ (mit dieser ID als Referenz auf die Quellbeschreibungsdatei kann man das Wort aus dem Composite Bitmap Image namens "Text_UntitledText_001_001_EN" herauskopieren) soll in der Farbe Schwarz (RGB = 0,0,0) ohne Rotation an die „Position10“ (Skalierung 1x) geschrieben werde. Für andere Skalierungen wie 1,5x („position15“) oder 2x („position20“) gelten die anderen Zielpositionen.The word with the id "0x7f9aa3fd52e0" (with this id as reference to the source description file one can copy out the word from the composite bitmap image named "Text_UntitledText_001_001_EN") should be printed in black (RGB = 0,0,0) without rotation to the "Position10" (scaling 1x) will be written. For other scalings, such as 1.5x ("position15") or 2x ("position20"), the other target positions apply.

c) Optimiertes Rendering des Composite Bitmap Imagesc) Optimized rendering of the composite bitmap image

Vorzugsweise werden Wörter, die mit der gleichen Formatierung mehrfach vorkommen, jeweils nur einmal in das Composite Bitmap Image geschrieben. Dadurch wird umso mehr Speicherplatz gespart je länger die Texte sind (was eine optimale Lösung ist, da besonders lange Texte sich durch den hohen Speicherverbrauch negativ auf die Performance bei insbesondere Mobilgeräten auswirken).Preferably, words which occur multiple times with the same formatting are only written once in the composite bitmap image. As a result, the longer the texts are, the more space is saved (which is an optimal solution, since especially long texts have a negative effect on the performance, especially for mobile devices, due to the high memory consumption).

Vorzugsweise werden die Wort-Bitmaps in nur einer Farbe, vorzugsweise in weiß gerendert werden, wobei die Wortfarbe in der Zielbeschreibungsdatei geschrieben wird. Die Farbe der Wörter spielt daher keine Rolle für die Bitmap, alles wird in weiß gerendert und nachträglich beim Zusammenführen der Wiedergabebitmap wieder mit der korrekten Farbe eingefärbt. Dies erleichtert die Handhabung von unterschiedlich gefärbten Wörtern in einem Text.Preferably, the word bitmaps are rendered in only one color, preferably white with the word color written in the destination description file. The color of the words therefore does not matter for the bitmap, everything is rendered in white and subsequently colored again with the correct color when merging the playback bitmap. This facilitates the handling of differently colored words in a text.

Da es auf manchen Mobilgeräten Einschränkungen für die Größe einer Bitmap (z.B. max. 2048×2048 Pixel) gibt können bei Bedarf auch automatisch mehrere Composite Bitmap Images in den zulässigen Größen erzeugt werden, diese werden dann automatisch richtig referenziert.As there are restrictions on the size of a bitmap (for example a maximum of 2048 × 2048 pixels) on some mobile devices, it is also possible to automatically generate multiple composite bitmap images in the permitted sizes, which are then automatically correctly referenced.

d) Erweiterung für Wort-Blöcke, zum Beispiel für Trennung in Silbend) Extension for word blocks, for example for separation into syllables

Vorzugsweise basiert die Worterkennung beim Erstellen von Texten auf ein besonderes Trennsymbol („Delimiter“), mit diesem können dann unsichtbare Trennungen eingefügt werden, um z.B. Wörter zu trennen oder um Wörter in Silben zu zerteilen oder unsichtbare Trennungen in arabische oder asiatische Sprachen einzufügen. Im Chinesischen zum Beispiel bestehen Sätze oft aus einer Reihe von Schriftzeichen (Kanjis), wie hier der Satz „Diese Blume hat eine schöne rote Farbe“:

Preferably, the word recognition is based on a special delimiter when creating texts, with this invisible separations can then be inserted, for example, to separate words or to divide words into syllables or insert invisible separations in Arabic or Asian languages. In Chinese, for example, sentences often consist of a series of characters (kanjis), such as the phrase "This flower has a beautiful red color":

Wenn man die einzelnen Worte beim Vorlesen (z.B. in einer Kinder-App für Erstleser) synchron zum Sprecher hervorheben möchte, dann muss das System wissen wo die logischen Zusammenhänge sind. Denn beim Vorlesen müsse der Text in dieser Reihenfolge in den folgenden Blöcken hervorgehoben werden:

1.)
2.)
3.)

If you want to emphasize the individual words while reading aloud (eg in a children's app for first-time readers) in sync with the speaker, then the system must know where the logical connections are. Because when reading aloud the text must be highlighted in this order in the following blocks:

1.)
2.)
3.)

Aus diesem Grund müssen unsichtbare Trennzeichen eingefügt werden. Genau wie bei einer Silbentrennung, die dazu führt dass dann nicht komplette Wörter, sondern kleinere Wort-Blöcke in das Composite Bitmap Image gezeichnet werden:
Vorzugsweise werden keine ganzen Wörter, sondern nur Silben als Wort-Bitmaps gehandhabt. Durch diese Silbentrennung kann noch einmal mehr Speicher gespart werden, da viele Silben wie „er“ und „nen“ von „erkennen“ in sehr vielen Worten vorkommen, sie aber nur jeweils 1x im Composite Bitmap Image vorkommen.For this reason, invisible separators must be inserted. Just as with hyphenation, which results in not drawing complete words but smaller blocks of words into the composite bitmap image:
Preferably, not all words, but only syllables are handled as word bitmaps. This hyphenation can save even more memory, since many syllables such as "he" and "NEN" of "recognize" occur in many words, but they occur only once each in the composite bitmap image.

Folgende Begriffe werden synonym verwendet: Display-Bildschirm;
Die Erfindung wird nachfolgend kurz anhand eines Ausführungsbeispiels in den Figuren beschrieben. In diesen zeigen:The following terms are used synonymously: display screen;
The invention will be briefly described below with reference to an embodiment in the figures. In these show:

1 einen Bildschirmausschnitt beim Erstellen einer Bildschirmgrafik mit einem Testfenster, 1 a screenshot when creating a screen graphic with a test window,

2 die Übertragung des Textfensters mittels des erfindungsgemäßen Verfahrens in ein Wiedergabefenster, 2 the transmission of the text window by means of the method according to the invention in a display window,

3 die Übertragung des Textfenster auf ein Wiedergabefenster mit um den Faktor 1,5 vergrößert wiedergegebenen Wort-Bitmaps, und 3 the transmission of the text window to a display window enlarged by a factor of 1.5 reproduced word bitmaps, and

4 die Übertragung des Textfenster auf ein Wiedergabefenster mit um den Faktor 2,0 vergrößert wiedergegebenen Wort-Bitmaps. 4 the transmission of the text window to a display window with magnified by a factor of 2.0 word bitmaps.

1 zeigt einen Bildschirm beim Erstellen eines Textes auf dem 17'' Display eines Desktopcomputers (Texteditor), wie z.B. eines MacBook^® 10. Die zur Darstellung gebrachte Seite 12 hat eine Diagonale von 12,9'' mit einer Breite von 2048 Pixeln. Die Seite 12 enthält Graphik-content 14 als auch ein Textfenster 16, in welchem ein Text erstellt wird, der aus durch Leerzeichen und/oder Interpunktionszeichen voneinander getrennten Wörtern besteht. Der Text kann auch aus Silben oder Schriftzeichen wie z.B. japanische Kanji bestehen, die dann durch im Text nicht sichtbare Formatierungssymbole getrennt sind. 1 shows a screen when creating a text on the 17 '' display of a desktop computer (text editor), such as a MacBook ^® 10 , The presented page 12 has a diagonal of 12.9 '' with a width of 2048 pixels. The page 12 contains graphic content 14 as well as a text window 16 in which a text is created consisting of words separated by spaces and / or punctuation marks words. The text may also consist of syllables or characters such as Japanese kanji, which are then separated by formatting symbols not visible in the text.

Wenn der Text im Textfenster 16 fertig editiert ist, wird er für die Darstellung auf unterschiedlichen Geräten wie z.B. Desktops, Tablets oder Smartphones auf folgende Weise abgespeichert. Die einzelnen Wörter des Textes werden in Form von Wort-Bitmaps der einzelnen Wörter in einem Composite Bitmap Image abgespeichert. Weiterhin werden Steuerdaten zum einen in einer Quellbeschreibungsdatei und zum anderen in einer Zielbeschreibungsdatei abgespeichert. Die Quellbeschreibungsdatei enthält eine Wort-ID zur Identifizierung des Schriftzeichens, eine zugeordnete Framegröße und seine Position in dem Composite Bitmap Image. Die Zielbeschreibungsdatei enthält die Wort-ID und die Zielposition jeder Wort-Bitmap Image im Textfenster. Die Zielbeschreibungsdatei kann optional zudem für jedes Wort-Bitmap Image unterschiedliche Skalierungen enthalten, die eine angepasste (lesbare) Darstellung der Wörter auch bei sehr kleinen Displays von Smartphones erlaubt. Die Zusammenführung der Daten aus Composite Bitmap Image, Quellbeschreibungsdatei und Zielbeschreibungsdatei erfolgt gesteuert über die Wort-ID. Die Daten der Quellbeschreibungsdatei und Zielbeschreibungsdatei können auch in einer einzigen Datei angeordnet oder auf mehr als zwei Dateien verteilt sein.If the text in the text window 16 is edited, it is stored for display on different devices such as desktops, tablets or smartphones in the following manner. The individual words of the text are stored in the form of word bitmaps of the individual words in a composite bitmap image. Furthermore, control data is stored on the one hand in a source description file and on the other hand in a destination description file. The source description file includes a word ID for identifying the character, an associated frame size, and its location in the composite bitmap image. The destination description file contains the word ID and destination position of each word bitmap image in the text window. The target description file can optionally also contain different scaling for each word bitmap image, which allows a customized (readable) representation of the words, even with very small displays of smartphones. The merging of composite bitmap image, source description file and destination description file data is controlled by the word ID. The source description file and destination description file data may also be arranged in a single file or distributed over more than two files.

Beim Aufbau einer Wiedergabebitmap werden die Wörter aus dem Composite Bitmap Image entsprechend den Steuerdateien (Quellbeschreibungsdatei und Zielbeschreibungsdatei) zusammengesetzt, wobei der in der Wiedergabebitmap zusammengesetzte und im Wiedergabefenster 18 im Display 19 eines Tablets 20 (2) mit einer Bilddiagonalen von 12,9'' wiedergegebene Text exakt dem Text im editierten Textfenster 16 gemäß 1 entspricht, d.h. Größe, Formatierung und Position der Wörter ist absolut identisch.When constructing a playback bitmap, the composite bitmap image words are assembled according to the control files (source description file and destination description file), the composite in the playback bitmap and in the playback window 18 in the display 19 a tablet 20 ( 2 ) with a screen diagonal of 12.9 '' reproduced text exactly the text in the edited text window 16 according to 1 corresponds, ie size, formatting and position of the words is absolutely identical.

Bei der Darstellung in einem kleineren Endgerät wie z.B. einem Samsung^® Tab 370^® 22 wird trotz einer Auflösung des Bildschirms von 2048 Pixeln (identisch zur Auflösung des Displays des Texteditors) eine in der Zielbeschreibungsdatei gespeicherte Skalierung von 1,5 verwendet, was die Wörter im Wiedergabefenster größer erscheinen lässt. Dadurch verschiebt sich die Position der Wörter im Wiedergabefenster 18. In der Zielbeschreibungsdatei sind somit auch die neuen Position der Wörter zu jeder vom Skalierungsfaktor 1,0 abweichenden Skalierung gespeichert. In jede Zeile passen weniger Wörter, dafür wird der Text nach unten länger.When displayed in a smaller device such as a Samsung ^® Tab 370 ^® 22 In spite of a resolution of the screen of 2048 pixels (identical to the resolution of the display of the text editor), a scaling of 1.5 stored in the destination description file is used, which makes the words appear larger in the display window. This shifts the position of the words in the playback window 18 , The destination description file thus also stores the new position of the words for each scaling deviating from the scaling factor 1.0. Each line will fit fewer words, but the text will be longer down.

Bei der Darstellung in einem IPhone 6^® 24 wird gar eine Skalierungsfaktor von 2,0 verwendet, um auch bei dem kleinen Bildschirm mit einer Bilddiagonalen von 4,7'' den Text lesbar zu halten. Die Größe des wiedergegebenen Textes ist somit nicht abhängig von der Auflösung des Wiedergabedisplays 19 sondern von dessen Größe. When displayed in an iPhone 6 ^® 24 even a scaling factor of 2.0 is used to keep the text legible even with the small screen with a screen diagonal of 4.7 ". The size of the reproduced text is thus not dependent on the resolution of the playback display 19 but of its size.

Bei abweichenden Auflösungen des Bildschirms wird das Wiedergabefenster 18 entsprechend dem Verhältnis der Auflösung des Wiedergabefensters /Auflösung des Texteditors herauf oder herunterskaliert, um eine größenangepasste Darstellung des Textes zu erhalten.If the resolution of the screen is different, the playback window will become 18 scaled up or down according to the ratio of the resolution of the display window / resolution of the text editor to obtain a size-adjusted representation of the text.

Die oben beschriebenen vorteilhaften Ausführungsformen der Erfindung können in beliebiger Weise miteinander im Schutzbereich der nachfolgenden Patentansprüche kombiniert werden. The above-described advantageous embodiments of the invention may be combined in any manner within the scope of the following claims.

Claims

Method for displaying text on a playback display ( 19 ) using a sequence of the following steps in capturing the text: - creating or maintaining a text window ( 16 containing a text with characters separated by separators, identifying each word contained in the text window by means of the separators, and storing the word as a word bitmap image in a composite bitmap image, words which occur multiple times with the same formatting, - Write a source description file containing, for each word bitmap image, a word ID that references each word in the composite bitmap image, an associated frame size, and its location in the composite bitmap Image, wherein access to each word bitmap is controlled via the word ID; - creating a target description file containing the word ID and destination position of each word bitmap in the rendering window, so that the rendering of the text in the rendering window is exactly the same as in the text window, and a sequence of following steps Playing the text in a playback window ( 18 ): - using the data from the source description file and destination description file to build a rendering bitmap from the word bitmap images stored in the composite bitmap image, - determining the size of the rendering window, - scaling the rendering bitmap to the size of the rendering window, and - displaying the scaled rendering bitmap in the playback window ( 18 ).

A method according to claim 1, characterized in that the destination description file contains color data for reproducing each word bitmap image.

Method according to claim 1 or 2, characterized in that the destination description file contains different scalings for each word bitmap image.

A method according to claim 3, characterized in that the scaling depending on the size of the display window ( 18 ) is selected.

Method according to one of the preceding claims, characterized in that the separation symbol is a space and / or punctuation marks.

Method according to one of the preceding claims, characterized in that the separation symbol is invisible.

Method according to one of the preceding claims, characterized in that the position data of each word bitmap image in the destination description file are provided with a scaling factor, which depends on the size of the display window.

Method according to one of the preceding claims, characterized in that the word bitmaps are rendered in only one color, preferably in white , the word color being written in the destination description file.

Method according to one of the preceding claims, characterized in that no whole words, but only syllables can be handled as word bitmaps.

Method according to one of the preceding claims, characterized in that the composite bitmap image is generated by individually drawing ("rendering") each word in full size.

Method according to one of the preceding claims, characterized in that the ratio of the width of the text window ( 16 ) to an editor display ( 12 ) equal to the ratio of the playback window ( 18 ) to the playback screen ( 19 ).