Brythonによるcanvasの利用
- HTMLで、canvas要素をidを付して記述
- browserからdocumentをインポート
- documentからcanvasを取得
- canvasが取得可能かどうか判定
- 2Dのcontextを取得
- contextに対してライブラリで描画
canvasライブラリについてはHTML5-canvasを参照。
|
1 2 3 4 5 6 7 8 9 10 |
<canvas id="canvas_test" width="400" height="300" style="border:1px solid #000"></canvas> <script type="text/python"> from browser import document as doc canvas = doc['canvas_test'] if hasattr(canvas, 'getContext'): context = canvas.getContext('2d') context.fillRect(50, 50, 300, 200) </script> |