canvas贝济埃曲线
2024-08-28 12:04:01
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function draw(id){
var canvas = document.getElementById(id);
if(canvas == null){
return false;
}
var context = canvas.getContext('2d');
context.fillStyle = "#eeeeff";
context.fillRect(0,0,400,300);
var dx = 150;
var dy = 150;
var s = 100;
context.beginPath();
context.globalCompositeOperation = 'and';
context.fillStyle = 'rgb(100,255,100)';
context.strokeStyle = 'rgb(0,0,100)';
var x = Math.sin(0);
var y = Math.cos(0);
var dig = Math.PI/15*11;
for(var i=0;i<30;i++){
var x = Math.sin(i*dig);
var y = Math.cos(i*dig);
context.bezierCurveTo(dx+x*s,dy+y*s-100,dx+x*s+100,dy+y*s,dx+x*s,dy+y*s);
}
context.closePath();
context.fill();
context.stroke();
}
</script>
</head>
<body onload="draw('canvas');">
<canvas id="canvas" width="400" height="300"></canvas>
</body>
</html>
最新文章
- OpenCV Template Matching Subpixel Accuracy
- 【iCore3 双核心板】例程一:ARM驱动三色LED
- JAVA(int...i)问题
- (转载)更好的重启nginx 服务器
- Java23种设计模式之单例模式
- (转) Android的Window类
- AFNetworking (3.1.0) 源码解析 <;一>;
- chapter8_4 错误处理
- Day-10: 错误、调试和测试
- 201521123026《JAVA程序设计》第13周学习总结
- Spring 源码剖析IOC容器(一)概览
- python自学第11天-单线程并发、迭代器,序列化,获取路径
- python 之字符编码
- linux 再多的running也挡不住锁
- 小白学习安全测试(二)——httrack的安装和使用
- 数据结构---散列表查找(哈希表)概述和简单实现(Java)
- ENC28J60
- AutoFac文档4(转载)
- pymsql与ORM--python操作MySQL之利器
- tools-eclipse-002-常用插件
热门文章
- Continuous Subarray Sum II(LintCode)
- Bzoj 1014&;Luogu 4036 火星人Prefix(FHQ-Treap)
- HZAU 1207 Candies(线段树区间查询 区间修改)
- CSU - 1337 (搞笑版费马大定理 )
- sg函数总结
- 【树形dp】Distance in Tree
- 【高斯消元解xor方程】BZOJ1923-[Sdoi2010]外星千足虫
- JavaScript的深拷贝与浅拷贝
- [转]Spring Security 可动态授权RBAC权限模块实践
- ElasticSearch安装为Windows服务