canvas贝济埃曲线
2015-08-27 21:02
274 查看
<!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>
相关文章推荐
- [HDOJ3065]病毒侵袭持续中
- Makefile汇总
- window10 问题
- iOS开发之有趣的UI —— 基础控件与经典案例
- BZOJ 1488 [HNOI2009]图的同构 Polya定理
- 【转载】ACM总结——dp专辑
- 透明与Z序示例
- Websocket 概述
- RAID的简单认识
- UVa 1583 Digit Generator
- Hbase coprocessor获取数据
- 设计一个聊天服务器
- Session与Cookie
- Word Search
- UNIX网络编程8 从图中了解TCP协议在Linux内核中的实现
- 埃及分数 把一个分数分解成n个 m分之一的方式
- 游标
- SAP BAPI资产过账问题随笔
- 之前UI的小练习
- web服务器apache理论、实践详解 ,TCP/IP