How to add Background Image

[StarsExpress]

Do we have some ways to add background image?

[wang0618]

PyWebIO didn't provide exact api to add background image. However pywebio provide api to run js code (pywebio.session.run_js()) in user's page. this add a lot flexibility to pywebio app. So your question can be convert to how to add background image with js. With some google, you can find some methods like this:

var body = document.getElementsByTagName('body')[0];
body.style.backgroundImage = 'url(https://interactive-examples.mdn.mozilla.net/media/examples/lizard.png)';

So, in pywebio, you can use the following code to add background image:

from pywebio.session import run_js

def main():
    run_js("var body = document.getElementsByTagName('body')[0]; body.style.backgroundImage = 'url(https://interactive-examples.mdn.mozilla.net/media/examples/lizard.png)';")

start_server(main, ...)