Sunday, July 26, 2020

JupyterLabとipycanvasでベジェ曲線を描画する

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

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

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

・bezier_curve_to(cp1x, cp1y, cp2x, cp2y, x, y)
ベジェ曲線はパスでの最後の位置から新たな座標(最後の2つの引数x, y)まで、2つの制御点を使って描画します。

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

サンプルコード

以下のサンプルコードでベジェ曲線を描画します。
from ipycanvas import Canvas

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

canvas.stroke_style = '#7799dd'

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

# ベジェ曲線
# 制御点1
cp1x = 50
cp1y = 25
# 制御点2
cp2x = 150
cp2y = 90
canvas.bezier_curve_to(cp1x,cp1y, cp2x,cp2y, 190,50)

canvas.stroke()
canvas

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

関連情報

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

No comments: