function drawOperon(id, r, g, b, rLine, gLine, bLine, px1, py1, px2, py2, px3, py3, px4, py4, px5, py5, px6, py6, px7, py7, iStrokeWidth, iStrokeDash, tooltip, link, labelFont, labelSize, labelName) {
    $('#myCanvas').drawLine({
        layer: true,
        strokeStyle: 'rgba(' + rLine + ',' + gLine + ',' + bLine + ',0.7)',
        fillStyle: 'rgba(' + r + ',' + g + ',' + b + ',0.7)',
        strokeWidth: iStrokeWidth,
        x1: px1, y1: py1,
        x2: px2, y2: py2,
        x3: px3, y3: py3,
        x4: px4, y4: py4,
        x5: px5, y5: py5,
        x6: px6, y6: py6,
        x7: px7, y7: py7,
        strokeDash: [iStrokeDash],
        closed: true,
        restrictDragToAxis: 'x',
        groups: [id, 'Operon', 'all'],
        cursors: {
            mouseover: 'pointer',
            mousedown: 'move',
            mouseup: 'pointer'
        },
        mouseover: function (layer) {
            innterTooltipClass(Tooltip);
        },
        mouseout: function (layer) {
            hideToolTip();
        },
        dblclick: function (layer) {
            if (link === "" | typeof (link) === "undefined") {
                link = "#";
            } else {
                redirect(link);
            }
        }
    });
    $('#myCanvas').drawText({
        layer: true,
        fillStyle: 'rgb(0,0,0)',
        fontStyle: 'bold',
        fontSize: labelSize + 'pt',
        fontFamily: labelFont,
        strokeWidth: 1,
        text: labelName,
        x: ((px1 + px2) / 2),
        y: py4,
        maxWidth: 300,
        lineHeight: 1,
        groups: [id, 'Operon', 'all'],
        restrictDragToAxis: 'x',
        cursors: {
            mouseover: 'pointer',
            mousedown: 'move',
            mouseup: 'pointer'
        },
        mouseover: function (layer) {
            innterTooltipClass(Tooltip);
        },
        mouseout: function (layer) {
            hideToolTip();
        },
        dblclick: function (layer) {
            if (link === "" | typeof (link) === "undefined") {
                link = "#";
            } else {
                redirect(link);
            }
        }
    });
}
/**
 * Representacion grafica del  Operon dentro del DNA abarca el espacio de los
 * genes y subconjuntos de ellos que lo conforman, tiene una similitud con el
 * dibujado del Gene, pero sin las puntas que caracterizan a la flecha.
 * @param {type} id
 * @param {type} r
 * @param {type} g
 * @param {type} b
 * @param {type} rLine
 * @param {type} gLine
 * @param {type} bLine
 * @param {type} px1
 * @param {type} py1
 * @param {type} px2
 * @param {type} py2
 * @param {type} px3
 * @param {type} py3
 * @param {type} px4
 * @param {type} py4
 * @param {type} px5
 * @param {type} py5
 * @param {type} px6
 * @param {type} py6
 * @param {type} px7
 * @param {type} py7
 * @param {type} iStrokeWidth
 * @param {type} iStrokeDash
 * @param {type} tooltip
 * @param {type} link
 * @param {type} labelFont
 * @param {type} labelSize
 * @returns {undefined}
 */
Representacion grafica del  Operon dentro del DNA abarca el espacio de los
genes y subconjuntos de ellos que lo conforman, tiene una similitud con el
dibujado del Gene, pero sin las puntas que caracterizan a la flecha.
Representacion grafica del Operon dentro del DNA abarca el espacio de los genes y subconjuntos de ellos que lo conforman tiene una similitud con el dibujado del Gene pero sin las puntas que caracterizan a la flecha .
function drawOperon(id, r, g, b, rLine, gLine, bLine, px1, py1, px2, py2, px3, py3, px4, py4, px5, py5, px6, py6, px7, py7, iStrokeWidth, iStrokeDash, tooltip, link, labelFont, labelSize, labelName) {
    $('#myCanvas').drawLine({
        layer: true,
        strokeStyle: 'rgba(' + rLine + ',' + gLine + ',' + bLine + ',0.7)',
        fillStyle: 'rgba(' + r + ',' + g + ',' + b + ',0.7)',
        strokeWidth: iStrokeWidth,
        x1: px1, y1: py1,
        x2: px2, y2: py2,
        x3: px3, y3: py3,
        x4: px4, y4: py4,
        x5: px5, y5: py5,
        x6: px6, y6: py6,
        x7: px7, y7: py7,
        strokeDash: [iStrokeDash],
        closed: true,
        restrictDragToAxis: 'x',
        groups: [id, 'Operon', 'all'],
        cursors: {
            mouseover: 'pointer',
            mousedown: 'move',
            mouseup: 'pointer'
        },
        mouseover: function (layer) {
            innterTooltipClass(Tooltip);
        },
        mouseout: function (layer) {
            hideToolTip();
        },
        dblclick: function (layer) {
            if (link === "" | typeof (link) === "undefined") {
                link = "#";
            } else {
                redirect(link);
            }
        }
    });
    $('#myCanvas').drawText({
        layer: true,
        fillStyle: 'rgb(0,0,0)',
        fontStyle: 'bold',
        fontSize: labelSize + 'pt',
        fontFamily: labelFont,
        strokeWidth: 1,
        text: labelName,
        x: ((px1 + px2) / 2),
        y: py4,
        maxWidth: 300,
        lineHeight: 1,
        groups: [id, 'Operon', 'all'],
        restrictDragToAxis: 'x',
        cursors: {
            mouseover: 'pointer',
            mousedown: 'move',
            mouseup: 'pointer'
        },
        mouseover: function (layer) {
            innterTooltipClass(Tooltip);
        },
        mouseout: function (layer) {
            hideToolTip();
        },
        dblclick: function (layer) {
            if (link === "" | typeof (link) === "undefined") {
                link = "#";
            } else {
                redirect(link);
            }
        }
    });
}
function drawOperon ( id , r , g , b , rLine , gLine , bLine , px1 , py1 , px2 , py2 , px3 , py3 , px4 , py4 , px5 , py5 , px6 , py6 , px7 , py7 , iStrokeWidth , iStrokeDash , tooltip , link , labelFont , labelSize , labelName ) { $ ( '#myCanvas' ) . drawLine ( { layer : true , strokeStyle : 'rgba(' + rLine + ',' + gLine + ',' + bLine + ',0.7)' , fillStyle : 'rgba(' + r + ',' + g + ',' + b + ',0.7)' , strokeWidth : iStrokeWidth , x1 : px1 , y1 : py1 , x2 : px2 , y2 : py2 , x3 : px3 , y3 : py3 , x4 : px4 , y4 : py4 , x5 : px5 , y5 : py5 , x6 : px6 , y6 : py6 , x7 : px7 , y7 : py7 , strokeDash : [ iStrokeDash ] , closed : true , restrictDragToAxis : 'x' , groups : [ id , 'Operon' , 'all' ] , cursors : { mouseover : 'pointer' , mousedown : 'move' , mouseup : 'pointer' } , mouseover : function ( layer ) { innterTooltipClass ( Tooltip ) ; } , mouseout : function ( layer ) { hideToolTip ( ) ; } , dblclick : function ( layer ) { if ( link === "" | typeof ( link ) === "undefined" ) { link = "#" ; } else { redirect ( link ) ; } } } ) ; $ ( '#myCanvas' ) . drawText ( { layer : true , fillStyle : 'rgb(0,0,0)' , fontStyle : 'bold' , fontSize : labelSize + 'pt' , fontFamily : labelFont , strokeWidth : 1 , text : labelName , x : ( ( px1 + px2 ) / 2 ) , y : py4 , maxWidth : 300 , lineHeight : 1 , groups : [ id , 'Operon' , 'all' ] , restrictDragToAxis : 'x' , cursors : { mouseover : 'pointer' , mousedown : 'move' , mouseup : 'pointer' } , mouseover : function ( layer ) { innterTooltipClass ( Tooltip ) ; } , mouseout : function ( layer ) { hideToolTip ( ) ; } , dblclick : function ( layer ) { if ( link === "" | typeof ( link ) === "undefined" ) { link = "#" ; } else { redirect ( link ) ; } } } ) ; }
Representacion grafica del  Operon dentro del DNA abarca el espacio de los
 genes y subconjuntos de ellos que lo conforman, tiene una similitud con el
 dibujado del Gene, pero sin las puntas que caracterizan a la flecha.
Representacion grafica del Operon dentro del DNA abarca el espacio de los genes y subconjuntos de ellos que lo conforman tiene una similitud con el dibujado del Gene pero sin las puntas que caracterizan a la flecha .