Comment faire pour modifier l'origine de html5 canvas?

Je n'arrivais pas à trouver des réponses pour html5 canvas. Puis-je modifier les coordonnées de l'origine, de sorte que mon grafics va se déplacer tout à fait le droit de 15px (juste un exemple). Compte tenu de la suite de html et css?

<canvas id="g" width="auto" height="auto">Your browser doesnt support canvas tag</canvas>

css:

canvas, section {
    display: block;
}    

#g {
    position: absolute;
    width:100%;
    height:100%;
    overflow:hidden; 
}
est en train de redessiner l'ensemble du contexte d'une option? ou voulez-vous simplement à déplacer l'élément canvas avec css?
redessiner serait génial!

OriginalL'auteur Jurudocs | 2012-01-08

  1. 11

    Sonne comme vous avez besoin d'un traduire transformer. En fonction de ce que vous faites avec le contexte, vous pouvez aussi avoir besoin d'appeler save() et restore().

    var ctx = document.getElementById('myCanvas').getContext('2d');
ctx.save();
ctx.translate(15, 0);
//... do stuff with the transformed origin
ctx.restore();
//... do stuff with the canvas restored to its original state (if necessary)
    Notez que si nécessaire, vous pouvez le réinitialiser à l'origine en appelant resetTransform() au lieu d'essayer de translate en arrière à travers toutes vos modifications. Voir SOCIÉTÉ pour plus de détails.

    OriginalL'auteur Joe White