Friday, July 24, 2020

JupyterLabとipycanvasでポリゴンを描画する

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

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

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

・line_to(x, y)
現在の位置から指定座標に線を引きます。

・ fill(rule='nonzero')
現在のパスの設定で塗りつぶします。

サンプルコード

以下のサンプルコードでポリゴンを描画します。
from ipycanvas import Canvas

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

canvas.fill_style = '#7799dd'

canvas.begin_path()
canvas.move_to(100,10)
canvas.line_to(20,90)
canvas.line_to(180,70)
canvas.fill()

canvas

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

関連情報

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

JupyterLabとipycanvasで直線を描画する

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

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

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

・line_to(x, y)
現在の位置から指定座標に線を引きます。

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

〇サンプルコード
以下のサンプルコードで直線を描画します。
from ipycanvas import Canvas

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

canvas.stroke_style = '#7799dd'

canvas.begin_path()
canvas.move_to(0,100)
canvas.line_to(200,0)
canvas.stroke()

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

関連情報

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

JupyterLabとipycanvasで円・円弧を描画する

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

・fill_arc(x, y, radius, start_angle, end_angle, anticlockwise=False)
塗りつぶした円・円弧を描画します。

・stroke_arc(x, y, radius, start_angle, end_angle, anticlockwise=False)
円・円弧を線で描画します。

サンプルコード

以下のサンプルコードで円・円弧を描画します。
from ipycanvas import Canvas
from math import pi

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

canvas.fill_style = 'darkblue'
canvas.stroke_style = '#7799dd'

canvas.fill_arc(50, 50, 40, pi*60/180, pi*240/180, anticlockwise=True)
canvas.stroke_arc(150, 50, 40, 0, 2 * pi)

canvas

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

関連情報

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

JupyterLabとipycanvasで四角形を描画する

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

・fill_rect(x, y, width, height=None)
塗りつぶした四角形を描画します。

・stroke_rect(x, y, width, height=None)
四角形を線で描画します。

サンプルコード

以下のサンプルコードで四角形を描画します。
from ipycanvas import Canvas

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

canvas.fill_style = '#335588'
canvas.stroke_style = 'green'

canvas.fill_rect(10, 10, 80, 80)
canvas.stroke_rect(100, 10, 80, 80)

canvas

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

関連情報

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