Wie arbeite ich mit Bildern im Bokeh (Python)

Zum Beispiel können Sie zeichnen eine Bild-in-matplotlib mit diesem code:

%matplotlib inline
import matplotlib.pyplot as plt
import matplotlib.image as mpimg
img=mpimg.imread('image.png')
plt.imshow(img)

Ist so etwas möglich mit Bokeh(0.10)?

  • Nicht direkt wie diese. Bokeh hat Image (Skalare Daten, um die Farbe der Karte), ImageRGBA (raw-RGBA-Daten) und ImageURL (Bilder geladen, die über das Netzwerk). Dies wäre sicher eine gute feature request auf GitHub issue tracker.
InformationsquelleAutor Trevor McCormick | 2016-01-07
  1. 19

    Können Sie die ImageURL Glyphe (image_url plot-Methode), um das laden von Bildern die lokal oder aus dem web. 

    from bokeh.plotting import figure, show, output_file

output_file('image.html')

p = figure(x_range=(0,1), y_range=(0,1))
p.image_url(url=['tree.png'], x=0, y=1)
show(p)

    Wie arbeite ich mit Bildern im Bokeh (Python)

    Einer gotcha - wenn du Grafik nur ein Bild (und keine anderen Daten), müssen Sie explizit den plot reicht.

    Hier ist die Doku:

    http://bokeh.pydata.org/en/latest/docs/reference/models/glyphs.html#bokeh.models.glyphs.ImageURL

    • Dieser Beispiel-code funktioniert nicht mehr auf 0.12.5, versuchte ich zum Bearbeiten der Beispiel-code, aber es wurde abgelehnt, zweimal, müssen Sie mit dem folgenden Aufruf von Image: URL: p.image_url(url=['tree.png'], x=0, y=0, w=1, h=1, anchor="bottom_left")
    • das Beispiel funktioniert nicht, wenn das bokeh server. Es ist nicht in der Lage zu finden, das Bild (404)
    InformationsquelleAutor Luke Canavan
  2. 9

    Den früheren Antwort war hilfreich. Allerdings wollte ich ein Bild mit der option nur ohne zusätzliche Objekt. So addieren sich die Antwort für Bokeh-version 0.12.0 und entfernt alle raster, Achsen-und Symbolleiste.

    from bokeh.plotting import figure, curdoc
from bokeh.models import ColumnDataSource, Range1d

bosch_logo = "static/tree.jpg"
logo_src = ColumnDataSource(dict(url = [bosch_logo]))

page_logo = figure(plot_width = 500, plot_height = 500, title="")
page_logo.toolbar.logo = None
page_logo.toolbar_location = None
page_logo.x_range=Range1d(start=0, end=1)
page_logo.y_range=Range1d(start=0, end=1)
page_logo.xaxis.visible = None
page_logo.yaxis.visible = None
page_logo.xgrid.grid_line_color = None
page_logo.ygrid.grid_line_color = None
page_logo.image_url(url='url', x=0.05, y = 0.85, h=0.7, w=0.9, source=logo_src)
page_logo.outline_line_alpha = 0 
curdoc().add_root(page_logo)
    • figure ist eine Komfort-Funktion, die zurückgibt einen bokeh.models.Plot - Instanz mit allen Achsen/Netze/tools festgelegt wurden. Alternativ könnten Sie instanziieren einer nackten Plot Objekt, und fügen Sie das Bild zu, dass (alles vermieden werden können, die Subtraktion Zeug)
    • danke für den Kommentar, wäre es möglich für Sie zu einer funktionierenden code.
    InformationsquelleAutor Jayant
  3. 4

    Läuft in diesem Beispiel wird mit bokeh dienen, ist ein wenig komplizierter. Ich schlage vor, um die setup-Arbeitsverzeichnis richtig:

    server_folder/
     +main.py
     +static/
         +logo.png

    .. und laufen bokeh dienen Befehl aus dem Verzeichnis " OBEN Serverordner

    bokeh serve server_folder --show

    Dann dieser code funktioniert für mich

    #main.py file
from bokeh.plotting import figure, curdoc
x_range = (-20,-10) # could be anything - e.g.(0,1)
y_range = (20,30)
p = figure(x_range=x_range, y_range=y_range)
#img_path = 'https://bokeh.pydata.org/en/latest/_static/images/logo.png'
img_path = 'server_folder/static/logo.png'
p.image_url(url=[img_path],x=x_range[0],y=y_range[1],w=x_range[1]-x_range[0],h=y_range[1]-y_range[0])
doc = curdoc()
doc.add_root(p)

    Wie arbeite ich mit Bildern im Bokeh (Python)

    InformationsquelleAutor Karel Marik
  4. 1

    Weitere option, um die Bildanzeige in einer div.:

    from bokeh.io import output_notebook, show
from bokeh.models.widgets import Div

output_notebook()
div_image = Div(text="""<img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/7.png" alt="div_image">""", width=150, height=150)
show(div_image)

    Wie arbeite ich mit Bildern im Bokeh (Python)

    ImageURL kann nicht aktualisiert werden dynamisch mit einem callback. Aber, mit einem div Sie können dies tun, durch die Behandlung des div_image.text als reguläres Python-string, zum Beispiel: 

    from ipywidgets import interact

from bokeh.io import output_notebook, show, push_notebook
from bokeh.models.widgets import Div

output_notebook()
div_image = Div(text="""<img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png" alt="div_image">""", width=100, height=100)

def update(pokemon_number=1):
    div_image.text = """<img src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/{}.png" alt="div_image">""".format(pokemon_number)
    push_notebook()

show(div_image, notebook_handle=True)

interact(update, pokemon_number=[1, 4, 7])

    Wie arbeite ich mit Bildern im Bokeh (Python)

    Natürlich die Bildquelle kann auch auf eine lokale Datei.

    (Getestet in Python 3.7.3 und bokeh 1.2.0)

    InformationsquelleAutor Arturo
Schreibe einen Kommentar