Correct img format for browser widget.

hh hh at hyperhh.de
Sun Jul 16 05:45:40 EDT 2017


You can have that without a (local) server when using a browser widget.

Although you can NOT display an image from disk without javascript by
only setting the htmltext with a correct filepath, for example as follows.
(This is a browser engine thing, can not be influenced by the widget.)

Example htmltext of the widget or text of the file "flower2b.html":
<html><body><img src='flower2b.png' width='80' height='60'></body></html>

But it works if you set the URL of the widget to a (local) html-file that
has exactly this text as html (if 'flower.png' is in the same folder).
*** Then the htmltext of the widget is 'anchored' in the local file system
and can use a full or relative path.

BTW. To display an image "/home/jh/images/flower.png" from disk in a field
for example at size 80x60 at char 42:

1. create an img "i1"
2. set the filename of img "i1" to "/home/jh/images/flower.png"
3. set the width of img "i1" to 80; set the height of img "i1" to 60
4. set the imagesource of char 42 of fld 1 to "i1"

> James H. wrote:
> > hh wrote:
> > ... Or in case you meant simple HTML load (not canvas2d):
> > <img src="...">
> > where src = "full http-path to image" (local server is running)
> > or src = "relative path to image"
> 
> Actually I am not loading a file from a server, I am setting the htmltext of the widget.
> 
> The file I am loading is actually a markdown which I convert to xhtml using mergMarkdownToXHTML.
> I then set the htmltext of the widget to this converted content.
> Now the text etc all display fine as I would expect, however the images don't.
> The image tags in the markdown are correctly converted to <img src="..."> but obviously the path to the image file is not being correctly interpreted by LC.
> If I was to display this in a text field (by setting its htmltext) I would need to change the img tag's src attribute to include the "binfile:/" prefix.
> When I do this the image displays as expected in the text field.
> 
> However, this displays the images at the size they exist on disk.
> 
> I notice the dictionary (which is using the browser widget) does not do this. It actually scales the images down where required.
> So I thought rather than set the htmltext of the field, let me set the htmltext of a browser widget.
> However none of the forms of the URL for the images that I have tried work.
> I do not know javascript and while I can sort of follow the logic behind the guide display in the dictionary I can't fathom how it actually works.
> It is taking the markdown, converting it the a form of html and it correctly shows the text and the images.
> I am trying to do this without the javascript.




More information about the Use-livecode mailing list