web前端|html教程
html,填充,用于
web前端-html教程
源码资源推荐,mac安装vscode运行过程,ubuntu 下载命令,tomcat 不能编译,htc sqlite,网页设计材料,aspcms数据库在哪,如何注册域名服务器,swiper大图轮播插件,前端框架rea,田园爬虫,php获取当前地址,网站自动seo,怎样设置springboot,php 过滤html标签,网站制作新手教程,网页权限管理系统,html5 表格 模板,magento 后台循环登录,绚丽日历页面代码,读者信息管理系统,32和 64位vc程序 读写 excellzw
实例
phpcms源码解析,vscode用vue编写界面,ubuntu系统 重启,web前端tomcat,sqlite实现队列,商务网页设计,4g服务器租用,k线图插件,前端框架element,蚊帐爬虫子,php微信机器人,seo好小孩,springboot集群划分,好看的商城网站,html5实现端访问时禁止放大和缩小网页,蛋糕甜点价格表模板,magento后台怎么进,html5手机端页面跳转页面跳转页面,企业智能网站后台管理系统,一卡通发卡程序源码lzw
定义用蓝色填充的矩形：
爱奇艺视频地址解析源码,vscode生成vue页面,ubuntu kvm 分区,yum tomcat9,爬虫 赛扬,php curl 命令,长沙抖音seo团队,电影网站系统那个好,类似discuz模板有哪些lzw
JavaScript:
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#0000ff";ctx.fillRect(20,20,150,100);
浏览器支持
Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 fillStyle 属性。
注释：Internet Explorer 8 以及更早的版本不支持 元素。
定义和用法
fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。
属性值
更多实例
实例 1
定义从上到下的渐变，作为矩形的填充样式：
JavaScript:
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var my_gradient=ctx.createLinearGradient(0,0,0,170);my_gradient.addColorStop(0,"black");my_gradient.addColorStop(1,"white");ctx.fillStyle=my_gradient;ctx.fillRect(20,20,150,100);
实例 2
定义从左到右的渐变，作为矩形的填充样式：
JavaScript:
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var my_gradient=ctx.createLinearGradient(0,0,170,0);my_gradient.addColorStop(0,"black");my_gradient.addColorStop(1,"white");ctx.fillStyle=my_gradient;ctx.fillRect(20,20,150,100);
