首页 >

js+canvas绘制矩形办法【javascript】

web前端|js教程

js+canvas绘制矩形办法【javascript】

js,canvas,绘制矩形,js绘制矩形
web前端-js教程
网页棋牌游戏开发源码段,vscode怎么更改语言,ubuntu 编写汇编,tomcat 公网域名,e4a sqlite,python大学爬虫作业一千字,php 正则 多行,岳阳seo优化标题,网站直播室源码,dz网页演示插件,类模板的声明和实现lzw
运行效果截图如下:
linux gzip 源码,vscode缩写,ubuntu 路径太长,tomcat组织,sqlite简单介绍,需要从机房搬服务器 但需要写申请书,jsp tree grid表格插件,前端开发框架安装,java爬虫爬图片,php 目录分隔符,怎样使用seo,网站蓝色,手机网页搜索框示例,html图片模板,网页中弹出窗口 页面背景半透明,学生学籍管理系统 java,asp.net应用程序 和网站lzw
具体代码如下:
7881游戏交易平台最新源码,vscode不显示大纲,ubuntu软件优化,tomcat冷门问题,sqlite最大负载量,汽车前端框架修复是什么意思,不怕天冷的爬虫宠物是什么,php 比较时间戳,辉县seo优化技术,照片墙网站源码,手机wap网页游戏源码下载,华北热线 模板lzw
  canvas绘制矩形    function draw(id) {    var canvas = document.getElementById("canvas");    if (canvas) {      var context = canvas.getContext("2d");      context.fillStyle = "#DDDDDD";      context.fillRect(0, 0, 400, 400);      context.strokeStyle = "black";      context.fillStyle = "gray";      context.lineWidth = 5;      context.fillRect(0,0,200,300);      context.strokeRect(0,0,200,200);    } else {     return;    }  }  function drawBorder(id) {    var canvas = document.getElementById("canvas2");    if (canvas) {      var context = canvas.getContext("2d");      context.fillStyle = "red";      context.strokeStyle = "black";      context.lineWidth = 5;      context.fillRect(0,0, 300, 200);            context.strokeRect(0,0,300,200);    } else {    return;    }  }  window.onload = function () {    draw("canvas");    drawBorder("canvas2");  }  
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript动画特效与技巧汇总》及《JavaScript运动效果与技巧汇总》


  • 暂无相关文章