Funciones usando $(document).on

[chigorin4]

Hola, tengo este problema, tengo dos funciones que las verán a continuación, una de esta esta conectada a otra, y cuando llamo a la primera función trabaja bien hasta que se topa con el código jquery que tengo dentro de la otra función, que puedo hacer?, estoy usando un pliguin para javascript llamado jcanvas

Código Javascript:

function crearLinea(x1,y1,x2,y2)
{
 
    $(document).on("ready" ,function(){
        $('canvas').drawLine({
  strokeStyle: '#000',
  strokeWidth: 2,
 
  x1: x1, y1: y1,
  x2: x2, y2: y2,
  
    });
    });
 
}
 
crearLinea(150,0,150,300);
crearLinea(0,75,300,75);
 
 
function graficar(m,b)
{
    
        var x1 = (150 - b)/m;
var x2 = (-150 - b)/m;
 
x1 = (x1+150);
x2 = (x2+150);
 
 
crearLinea(x1,0,x2,150)
 
 
    
}
 

[Alexis88]

No explicas qué problema se te presenta, pero de plano te digo que no hay ningún evento ready; quizá lo estás confundiendo con el método .ready().

Empieza ordenando tu código.

Código Javascript:

$(document).ready(function(){
    crearLinea(150, 0, 150, 300);
    crearLinea(0, 75, 300, 75);
});
 
function crearLinea(x1, y1, x2, y2){
    $('canvas').drawLine({
        strokeStyle: '#000',
        strokeWidth: 2,
        x1: x1, 
        y1: y1,
        x2: x2, 
        y2: y2,
    }); 
}
 
function graficar(m, b){
    var x1 = (150 - b) / m, 
        x2 = (-150 - b) / m;
 
    x1 = (x1+150);
    x2 = (x2+150);
 
    crearLinea(x1,0,x2,150)
}