fillRect 内の領域を切り取って使用したいと考えていました。これは、clip メソッドを学習していたときに使用しました。
しかし、バックル領域を取得できません。コードは次のとおりです
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title></title> </head> <body> <canvas id=canvas width=800 height=600></canvas> < /body> <script type=text/javascript> var Canvas = document.getElementById(canvas); var context = Canvas.getContext(2d); context.fillRect(0, 0, Canvas.width, Canvas.height); context.fillRect(100, 200, 100); fillStyle = ライトブルー; context.fillRect(0, 0, Canvas.width, Canvas.height);
新しいパスを切り出したい場合は、rect や arc などのメソッドを使用する必要があることがわかりました。
すべてを次のように変更する必要があります
context.beginPath(); context.rect(100, 100, 200, 100);
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。