|
此文章由 典 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 典 所有!转贴必须注明作者、出处和本声明,并保持内容完整
用javascript可以画画的,猜猜下面这段代码画的什么?
<!doctype html/>
<html>
<meta http-equiv="X-UA-Compatible" c />
<body>
<canvas id="canvas" width="600" height="500"></canvas>
<script type="text/javascript">
var elem = document.getElementById('canvas');
var context = elem.getContext('2d');
context.fillStyle = '#ad0';
context.lineWidth = 2;
var deg_to_rad = Math.PI / 180.0;
var depth = 11;
var co = 'rgba(255,100,0,0.8)';
context.strokeStyle = co; //'#A35d6f';
function drawLine(x1, y1, x2, y2, brightness) {
context.beginPath();
context.moveTo(x1, y1); context.lineTo(x2, y2);
context.lineWidth = brightness;
context.closePath();
context.stroke();
}
function drawTree(x1, y1, angle, depth) {
if (depth != 0) {
var x2 = x1 + (Math.cos(angle * deg_to_rad) * depth * 5.0);
var y2 = y1 + (Math.sin(angle * deg_to_rad) * depth * 5.0); drawLine(x1, y1, x2, y2, depth);
drawTree(x2, y2, angle - 20, depth - 1); drawTree(x2, y2, angle + 20, depth - 1);
}
}
drawTree(300, 500, -90, depth);
</script>
</body>
</html>
[ 本帖最后由 典 于 2011-7-28 11:31 编辑 ] |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?注册
x
评分
-
查看全部评分
|