ipycanvas: Interactive Canvas in Jupyter

Try it online

You can try ipycanvas, without the need of installing anything on your computer, using mybinder by clicking on this badge:

Or you can run it directly in your browser using JupyterLite!!

Questions?

If you have any question, or if you want to share what you do with ipycanvas, come start a new discussion on Github!

Index

Installation

• Installation
  • Using pip
  • Using conda
  • Development installation

Usage

• Usage
  • Basic usage
  • Drawing simple shapes
  • Drawing paths
  • Styles and colors
  • Rough Canvas
  • Drawing text
  • Drawing images
  • Retrieve Canvas image
  • Animations
  • Canvas state
  • Transformations
  • Interactions
  • Advanced usage

API Reference

• API Reference
  • Path2D
  • Pattern
  • LinearGradient
  • RadialGradient
  • Canvas
    • Canvas.fill_style
    • Canvas.stroke_style
    • Canvas.global_alpha
    • Canvas.font
    • Canvas.text_align
    • Canvas.text_baseline
    • Canvas.direction
    • Canvas.global_composite_operation
    • Canvas.shadow_offset_x
    • Canvas.shadow_offset_y
    • Canvas.shadow_blur
    • Canvas.shadow_color
    • Canvas.line_width
    • Canvas.line_cap
    • Canvas.line_join
    • Canvas.miter_limit
    • Canvas.filter
    • Canvas.image_smoothing_enabled
    • Canvas.line_dash_offset
    • Canvas.sleep()
    • Canvas.create_linear_gradient()
    • Canvas.create_radial_gradient()
    • Canvas.create_pattern()
    • Canvas.fill_rect()
    • Canvas.stroke_rect()
    • Canvas.fill_rects()
    • Canvas.stroke_rects()
    • Canvas.fill_styled_rects()
    • Canvas.stroke_styled_rects()
    • Canvas.clear_rect()
    • Canvas.fill_arc()
    • Canvas.fill_circle()
    • Canvas.stroke_arc()
    • Canvas.stroke_circle()
    • Canvas.fill_arcs()
    • Canvas.stroke_arcs()
    • Canvas.fill_circles()
    • Canvas.stroke_circles()
    • Canvas.fill_styled_circles()
    • Canvas.stroke_styled_circles()
    • Canvas.fill_styled_arcs()
    • Canvas.stroke_styled_arcs()
    • Canvas.fill_polygon()
    • Canvas.stroke_polygon()
    • Canvas.fill_polygons()
    • Canvas.stroke_polygons()
    • Canvas.fill_styled_polygons()
    • Canvas.stroke_styled_polygons()
    • Canvas.stroke_line()
    • Canvas.stroke_lines()
    • Canvas.stroke_styled_line_segments()
    • Canvas.stroke_line_segments()
    • Canvas.begin_path()
    • Canvas.close_path()
    • Canvas.stroke()
    • Canvas.fill()
    • Canvas.move_to()
    • Canvas.line_to()
    • Canvas.rect()
    • Canvas.arc()
    • Canvas.ellipse()
    • Canvas.arc_to()
    • Canvas.quadratic_curve_to()
    • Canvas.bezier_curve_to()
    • Canvas.fill_text()
    • Canvas.stroke_text()
    • Canvas.get_line_dash()
    • Canvas.set_line_dash()
    • Canvas.draw_image()
    • Canvas.put_image_data()
    • Canvas.create_image_data()
    • Canvas.clip()
    • Canvas.save()
    • Canvas.restore()
    • Canvas.translate()
    • Canvas.rotate()
    • Canvas.scale()
    • Canvas.transform()
    • Canvas.set_transform()
    • Canvas.reset_transform()
    • Canvas.clear()
    • Canvas.flush()
    • Canvas.on_client_ready()
    • Canvas.on_mouse_move()
    • Canvas.on_mouse_down()
    • Canvas.on_mouse_up()
    • Canvas.on_mouse_out()
    • Canvas.on_mouse_wheel()
    • Canvas.on_touch_start()
    • Canvas.on_touch_end()
    • Canvas.on_touch_move()
    • Canvas.on_touch_cancel()
    • Canvas.on_key_down()
  • RoughCanvas
    • RoughCanvas.rough_fill_style
    • RoughCanvas.roughness
    • RoughCanvas.bowing
  • MultiCanvas
    • MultiCanvas.on_client_ready()
    • MultiCanvas.on_mouse_move()
    • MultiCanvas.on_mouse_down()
    • MultiCanvas.on_mouse_up()
    • MultiCanvas.on_mouse_out()
    • MultiCanvas.on_mouse_wheel()
    • MultiCanvas.on_touch_start()
    • MultiCanvas.on_touch_end()
    • MultiCanvas.on_touch_move()
    • MultiCanvas.on_touch_cancel()
    • MultiCanvas.on_key_down()
    • MultiCanvas.clear()
    • MultiCanvas.flush()
  • MultiRoughCanvas
  • hold_canvas()