English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
fill()는 Canvas 2D API는 현재 채우기 스타일에 따라 현재 또는 존재하는 경로를 채우는 메서드입니다. 비이론적 주위 또는 짝수 주위 규칙을 채택합니다.
绘制 100*100 화소의 정方形을 그려서 그것에 빨간색을 채우세요:
<!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>HTML canvas fill() 메서드 사용-基础教程(oldtoolbag.com)</<title> </<head> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3> 您的浏览器不支持 HTML5 canvas 태그。 </canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,100,100); ctx.fillStyle="red"; ctx.fill(); </script> </body> </html>테스트를 보고 보세요 ‹/›
IEFirefoxOperaChromeSafari
Internet Explorer 9Firefox, Opera, Chrome 및 Safari가 fill()를 지원합니다 메서드
주의:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
fill() 메서드는 현재 그래픽(경로)을 채웁니다. 기본 색상은 검정입니다.
ヒント:사용하십시오 fillStyle 속성을 사용하여 다른 색상을 채웁니다/퍼팅
주의:경로가 닫혀지지 않았다면, fill() 메서드는 경로의 끝에서 시작点到之间에 선을 추가하여 경로를 닫습니다(예를 들어 closePath() 같이),그 다음 해당 경로를 채웁니다.
JavaScript 문법: | context.fill(); |
---|