Проблема С Canvas

Mal4ishnik · September 4, 2010

Не работает код, сто раз уже проверил, вроде все правильно, используется тег canvas, может кто знает что неправильно?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Тест</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<script type="text/javascript">
function makeCanvas(id, height, width){
	var canvas = document.createElement("canvas");
	canvas.id = id;
	canvas.height = height;
	canvas.width = width;
	return canvas;
}

function makePieChart(canvas, colors, data, cx, cy, r) {
	canvas = document.getElementById(canvas);
	var p = canvas.getContext("2d");
	p.lineWidth = 1;
	p.strokeStyle = "#693";

	var total = 0;
	for(var i = 0; i < data.length; i++) total += data[i];

	var angles = [];
	for(var i = 0; i < data.length; i++) angles[i] = data[i]/total*2*Math.PI;
	startangle = -Math.PI/2;
	document.write(startangle + "<br/>");

	for(var i = 0; i < data.length; i++){
	var endangle = startangle + angles[i];	
	p.beginPath();
	p.moveTo(cx,cy);
	p.arc(cx,cy,r,startangle,endangle,false);
	p.closePath();
	p.fillStyle = colors[i]; 
	p.fill(); 
	p.stroke();


	startangle = endangle;

}
}


function init(){
	var canvas = makeCanvas("myCanvas", 600, 800);
	document.body.appendChild(canvas);
	makePieChart("myCanvas",["#99cc66", "#006699", "#ffff00", "#ff6633", "#cc0033", "#cc00cc"], [12, 32, 56, 64, 5, 90], 300, 300, 200);

}
</script>
<body onload="init()"></body>
</html>

Scrum · September 4, 2010

delete:

document.write(startangle + "<br/>");

Mal4ishnik · September 4, 2010

спасибо, а в чем ошибка состояла? я эту строку для проверки прописал

Sign In

Проблема С Canvas

Question

Mal4ishnik

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Mal4ishnik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information