7.利用canvas和js画一个渐变的
2024-10-07 04:00:16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>canvas实例</title>
<style type="text/css">
canvas{
width: 600;
height: 300;
border-width: 1px;
border-style: solid;
border-color: #c3c3c3;
}
</style>
</head>
<body>
<canvas id="myCanvas">
<script type="text/javascript">
function draw(x,y){
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="rgb(255,"+x+','+y+")";
cxt.beginPath();
cxt.arc(x,y,10,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();
}
for(var i=0;i<12;i++){
for(var j=0;j<24;j++){
draw(12+j*50,12+i*25);
}
}
</script>
</canvas>
</body>
</html>
最新文章
- QT C1041错误
- swift 资料
- DBA数据库:MySQL简述
- Java项目多数据源配置
- DMA控制器
- Dapper sql in
- 在数据库中如果组合主键(假设为stuID和stuName)存在则更新,不存在则新增
- js-Array
- CentOS 6.5 部署Unison双向同步服务
- CSS样式之选择器
- Linux Ubuntu jdk(环境变量)配置
- 叼叼叼,HTML5日期(Date)类型和文本(Text)类型互相转换
- hadoop2.7.3+spark2.1.0+scala2.12.1环境搭建(3)http://www.cnblogs.com/liugh/p/6624491.html
- helm 持久化部署ingres
- js数据结构与算法——二叉树
- yum源配置
- TypeScript学习笔记(九):装饰器(Decorators)
- numpy---one
- 设计模式原则(6)--Open-Closed Principle(OCP)--开闭原则
- springbatch---->;springbatch的使用(四)
热门文章
- SAP MaxDB Backup and Restore
- accesstoken 中控服务器 并发刷新 加并发锁
- golang defer 延后执行什么
- [VBA]利用正则表达式创建函数处理字符串
- PowerBuilder -- 连接sqlite
- Jmeter(十三) JDBC Request
- 阶段3 2.Spring_01.Spring框架简介_02.今日课程内容介绍
- HttpRunnerManager(二)--使用
- unieap platform eclipse.ini vm设置
- Linux进程的虚拟内存