Canvas jcanvas Unterschiede bei den Koordinaten?

  • Wenn ich canvas und jcanvas in einem Programm nutze sind dann die Koordinaten für das Zeichnen unterschiedlich?

    In dem folgenden Beispiel wird ctx4 und drawRect an untersiedlichen Positien gezeichnet obwohl die übergebenen Koordinaten identisch sind




    <style type="text/css">

    #canvas {

    position: absolute;

    top: 0px;

    left: 0px;

    border: 1px red solid;#thing;

    background-color: #FFEFDB;

    }

    </style>

    </head>


    <body>

    <canvas id="canvas" width="500" height="400" >

    Your browser does not support the HTML5 canvas tag.

    </canvas>


    var c = document.getElementById("canvas");

    var ctx4 = c.getContext("2d");

    var canvas=$('canvas');


    recStopx=2*links + recStartBreite;

    recStopy=330;

    recStopBreite=100;

    recStopHoehe=30;


    ctx4.rect(

    recStopx,recStopy,recStopBreite,recStopHoehe);


    $('canvas').drawRect({

    fillStyle: 'red',

    x: recStopx, y: recStopy,

    width: recStopBreite, height: recStopHoehe

    });

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!