English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 설명서

HTML 태그 전체

HTML canvas fill() 메서드

fill()는 Canvas 2D API는 현재 채우기 스타일에 따라 현재 또는 존재하는 경로를 채우는 메서드입니다. 비이론적 주위 또는 짝수 주위 규칙을 채택합니다.

HTML canvas 참조 설명서

在线示例

绘制 100*100 화소의 정方形을 그려서 그것에 빨간색을 채우세요:

您的浏览器,不支持HTML5 canvas 태그.
<!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();
HTML canvas 참조 설명서