您的位置:58编程 > html中canvas HTML canvas fill() 方法

html中canvas HTML canvas fill() 方法

2023-04-27 07:33 HTML参考手册

html中canvas HTML canvas fill() 方法

html中canvas HTML canvas fill() 方法

html中canvas

HTML canvas fill() 方法

HTML canvas 参考手册 HTML canvas 参考手册

实例

绘制 150*100 像素的矩形,然后用红色来给它填色:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 fill() 方法。

注意:Internet Explorer 8 及之前的版本不支持 <canvas> 元素。


定义和用法

fill() 方法填充当前的图像(路径)。默认颜色是黑色。

提示:请使用 fillStyle 属性来填充另一种颜色/渐变。

注意:如果路径未关闭,那么 fill() 方法会从路径结束点到开始点之间添加一条线,以关闭该路径(正如 closePath() 一样),然后填充该路径。

JavaScript 语法: context.fill();


HTML canvas 参考手册 HTML canvas 参考手册
阅读全文
以上是58编程为你收集整理的html中canvas HTML canvas fill() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS