parent
720ab1df28
commit
40f730834d
|
@ -143,6 +143,35 @@ they look tinted, have them rendered only within a certain area of the
|
||||||
canvas and more.
|
canvas and more.
|
||||||
@:para@
|
@:para@
|
||||||
@tile_area_end@
|
@tile_area_end@
|
||||||
|
@:para@
|
||||||
|
Text is a very important part of many applications. Evas of course provides
|
||||||
|
a nice simple way of getting text into the Evas you have up without much
|
||||||
|
fuss or bother AND to boot it will anti-alias it so your edges are smooth
|
||||||
|
and not jagged AND allow fo the text to be semi-transparent and much more.
|
||||||
|
@:para@
|
||||||
|
@tile_area_start@
|
||||||
|
<img src=img/evas_text.png width=128 height=128>
|
||||||
|
@tile_area_text@
|
||||||
|
@:para@
|
||||||
|
@:cent@@:title@Text@:_title@@:_cent@
|
||||||
|
@:para@
|
||||||
|
Text allows you to display information in your Evas without needing image
|
||||||
|
objects with pre-rendered text. But first you have to realise fonts are
|
||||||
|
handled a little differently. First there is a font path - this is a list of
|
||||||
|
directories where to find font files. Evas supports Truetype fonts only -
|
||||||
|
some may think this bad, but there are more turetype fonts than any other
|
||||||
|
format out there and many are very good quality.
|
||||||
|
@:para@
|
||||||
|
Evas looks at the fonts in a directory by their filename, so a font you
|
||||||
|
reference in evas as "myfont", Evas will look in the directories (in the
|
||||||
|
order given) for a "myfont.ttf" file. It is case sensitive, but this system
|
||||||
|
proves to be nice and simple. Here is a simple example.
|
||||||
|
@:para@
|
||||||
|
object = ..
|
||||||
|
@:para@
|
||||||
|
@:para@
|
||||||
|
@:para@
|
||||||
|
@tile_area_end@
|
||||||
|
|
||||||
@end@
|
@end@
|
||||||
@bottom@
|
@bottom@
|
||||||
|
|
|
@ -82,25 +82,25 @@ evas app to show the rendering output in different situations
|
||||||
|
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
<table border=0 cellpadding=0 cellspacing=0><tr>
|
<table border=0 cellpadding=0 cellspacing=0><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td>
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td background=img/tile_shadow_tl.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_tl.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td background=img/tile_shadow_t.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_t.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td>
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td background=img/tile_shadow_l.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_l.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td background=img/tile.png align=left valign=top>
|
<td background=img/tile.png align=left valign=top>
|
||||||
|
|
||||||
<img src=img/evas_colors.png width=128 height=128>
|
<img src=img/evas_colors.png width=128 height=128>
|
||||||
<br><img src=img/blank.gif width=144 height=16></td>
|
<br><img src=img/blank.gif width=144 height=16></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td valign=top align=left><table border=0 cellpadding=8 cellspacing=0><tr><td>
|
<td valign=top align=left><table border=0 cellpadding=8 cellspacing=0><tr><td>
|
||||||
|
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
@ -149,10 +149,10 @@ respectively.
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
</td></tr></table></td>
|
</td></tr></table></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td></tr></table>
|
<td><img src=img/blank.gif width=1 height=1></td></tr></table>
|
||||||
|
|
||||||
|
|
||||||
|
@ -166,25 +166,25 @@ given. Here is a list of them.
|
||||||
|
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
<table border=0 cellpadding=0 cellspacing=0><tr>
|
<table border=0 cellpadding=0 cellspacing=0><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td>
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td background=img/tile_shadow_tl.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_tl.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td background=img/tile_shadow_t.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_t.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td>
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td background=img/tile_shadow_l.png><img src=img/blank.gif width=16 height=16></td>
|
<td background=img/tile_shadow_l.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
<td background=img/tile.png align=left valign=top>
|
<td background=img/tile.png align=left valign=top>
|
||||||
|
|
||||||
<img src=img/evas_canvas.png width=128 height=128>
|
<img src=img/evas_canvas.png width=128 height=128>
|
||||||
<br><img src=img/blank.gif width=144 height=16></td>
|
<br><img src=img/blank.gif width=144 height=16></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td valign=top align=left><table border=0 cellpadding=8 cellspacing=0><tr><td>
|
<td valign=top align=left><table border=0 cellpadding=8 cellspacing=0><tr><td>
|
||||||
|
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
@ -249,10 +249,65 @@ canvas and more.
|
||||||
<font face=arial,helvetica,lucida size=2><p>
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
</td></tr></table></td>
|
</td></tr></table></td>
|
||||||
</tr><tr>
|
</tr><tr>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td bgcolor=#000000><img src=img/blank.gif width=1 height=1></td>
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td><img src=img/blank.gif width=1 height=1></td></tr></table>
|
||||||
|
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
Text is a very important part of many applications. Evas of course provides
|
||||||
|
a nice simple way of getting text into the Evas you have up without much
|
||||||
|
fuss or bother AND to boot it will anti-alias it so your edges are smooth
|
||||||
|
and not jagged AND allow fo the text to be semi-transparent and much more.
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
<table border=0 cellpadding=0 cellspacing=0><tr>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
</tr><tr>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/tile_shadow_tl.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
|
<td background=img/tile_shadow_t.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
</tr><tr>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/tile_shadow_l.png><img src=img/blank.gif width=16 height=16></td>
|
||||||
|
<td background=img/tile.png align=left valign=top>
|
||||||
|
|
||||||
|
<img src=img/evas_text.png width=128 height=128>
|
||||||
|
<br><img src=img/blank.gif width=144 height=16></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td valign=top align=left><table border=0 cellpadding=8 cellspacing=0><tr><td>
|
||||||
|
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
<center><font face=arial,helvetica,lucida size=4><b>Text</b></font></center>
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
Text allows you to display information in your Evas without needing image
|
||||||
|
objects with pre-rendered text. But first you have to realise fonts are
|
||||||
|
handled a little differently. First there is a font path - this is a list of
|
||||||
|
directories where to find font files. Evas supports Truetype fonts only -
|
||||||
|
some may think this bad, but there are more turetype fonts than any other
|
||||||
|
format out there and many are very good quality.
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
Evas looks at the fonts in a directory by their filename, so a font you
|
||||||
|
reference in evas as "myfont", Evas will look in the directories (in the
|
||||||
|
order given) for a "myfont.ttf" file. It is case sensitive, but this system
|
||||||
|
proves to be nice and simple. Here is a simple example.
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
object = ..
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
<font face=arial,helvetica,lucida size=2><p>
|
||||||
|
</td></tr></table></td>
|
||||||
|
</tr><tr>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
|
<td background=img/col_black.png><img src=img/blank.gif width=1 height=1></td>
|
||||||
<td><img src=img/blank.gif width=1 height=1></td></tr></table>
|
<td><img src=img/blank.gif width=1 height=1></td></tr></table>
|
||||||
|
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 157 B |
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in New Issue