canvas 画色块与判断浏览器是否支持canvas

画一个框,里面有一个色块

var c = document.getElementById("myCanvas");//注意有双引号

var context = c.getContext("2d");

context.fillStyle = "#fe6a00";//填充颜色需要赋值

context.fillRect(50,25,100,50);//函数内设置参数,此处没有=

if(context){

alert("你的浏览器支持canvas");//注意分号必须是英文版的

}

else{

alert("你的浏览器不支持canvas");

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、基础介绍和画直线 大多数现代浏览器都是支持Canvas的,比如 Firefox, safari, chrome...
    空谷悠阅读 4,346评论 0 1
  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,195评论 2 32
  • 0x001 Canvas是啥? 说白了Canvas就是一块画布,可以使用js当画笔在上面绘画的画布,可以显示在网页...
    卖梳子的鲤鱼阅读 5,926评论 1 21
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 5,474评论 0 4
  • 一、图形的组合方式 globalAlpha是一个介于0和1之间的值(包括0和1),用于指定所有绘制的透明度。默认值...
    空谷悠阅读 5,205评论 0 0

友情链接更多精彩内容