web前端|js教程
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,应用程序 和网站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运动效果与技巧汇总》
