Autor
bueno no se si lo estoy haciendo bn, pero aqui les va tengo mis variables de php y quiero agregarselas a mis variables de javascript
Código:
//esta es la parte php
echo'<script>';
echo 'var ab='.$kinestesico.' *(2*Math.PI)/35;';
echo 'var bc='.$auditivo.'*(2*Math.PI)/35;';
echo 'var cd='.$visual.'*(2*Math.PI)/35;';
echo 'dato();';
echo '</script>';
echo '<script>alert (" respuestas A='.$kinestesico.', respuestas B= '. $auditivo .', respuestas c = ' . $visual .'.");</script>';
echo'<script>';
echo 'var ab='.$kinestesico.' *(2*Math.PI)/35;';
echo 'var bc='.$auditivo.'*(2*Math.PI)/35;';
echo 'var cd='.$visual.'*(2*Math.PI)/35;';
echo 'dato();';
echo '</script>';
echo '<script>alert (" respuestas A='.$kinestesico.', respuestas B= '. $auditivo .', respuestas c = ' . $visual .'.");</script>';
y esta es mi funcion javascript
Código:
<script>function dato(){
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
alert (ab + " " +bc+" "+cd);
ctx.beginPath();
ctx.fillStyle="red";
ctx.arc(250,150,120,0*Math.PI,ab);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.fillStyle="#0B0B61";
ctx.arc(250,150,120,ab,ab+bc);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.fillStyle="#00FFFF";
ctx.arc(250,150,120,ab+bc,ab+bc+cd);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
}
</SCRIPT>
lo q sucede es q no me dibuja nada, ya probe mandando un alert de las variables AB de javascript y si me hace todo el calculo pero no me dibuja nada, quisiera saber si habria q colocar la funcion javascript con el php... pero no lose... alguien q pudiera auxiliarme, gracias de antemanovar c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
alert (ab + " " +bc+" "+cd);
ctx.beginPath();
ctx.fillStyle="red";
ctx.arc(250,150,120,0*Math.PI,ab);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.fillStyle="#0B0B61";
ctx.arc(250,150,120,ab,ab+bc);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
ctx.beginPath();
ctx.fillStyle="#00FFFF";
ctx.arc(250,150,120,ab+bc,ab+bc+cd);
ctx.lineTo(250,150);
ctx.fill();
ctx.stroke();
}
</SCRIPT>
En línea
- 
