JupyterLabとipycanvasで二次曲線を描画する

ipycanvasでcanvasを使用して様々な図形を描画する事ができます。
二次曲線を描画する場合は、以下のメソッドを使用します。

・begin_path()
パスの作成を開始します。

・move_to(x, y)
ペンを指定座標に移動します。

・quadratic_curve_to(cp1x, cp1y, x, y)
二次曲線はパスでの最後の位置から新たな座標(最後の２つの引数x, y)まで、制御点を使って描画します。

・stroke()
パスの設定で線を描画します

サンプルコード

以下のサンプルコードで二次曲線を描画します。

from ipycanvas import Canvas

canvas = Canvas(width=200, height=100)

canvas.stroke_style = '#7799dd'

canvas.begin_path()
canvas.move_to(10,50)

# 二次曲線
# 制御点
cp1x = 100
cp1y = 5
canvas.quadratic_curve_to(cp1x,cp1y, 190,50)

canvas.stroke()
canvas

〇サンプルコードの実行結果

関連情報

・ipycanvasのインストールは、以下を参照してください。
JupyterLabにipycanvasをインストールして、ノートブックにcanvasを利用して図形を描画する