Bonjour a tous je galère depuis quelques jours a rendre mon canvas parfaitement tactile.
Voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
    var myCanvas = {
    canvas: document.createElement('canvas')
    , context: ""
    , radius: 4
    , dragging: false
 
    , putPoint: function (e) {
        if (myCanvas.dragging) {
            context.lineTo(e.offsetX, e.offsetY);
            context.stroke();
            context.beginPath();
            context.arc(e.offsetX, e.offsetY, myCanvas.radius, 0, Math.PI * 2);
            context.fill();
            context.beginPath();
            context.moveTo(e.offsetX, e.offsetY);
        }
    }
    , style: function () {
 
        document.getElementById('canvas').appendChild(myCanvas.canvas);
        context = myCanvas.canvas.getContext('2d');
        myCanvas.canvas.style.border = "2px solid #AD92FF";
        context.lineWidth = myCanvas.radius * 2;
 
    }
    , engage: function (e) {
 
        myCanvas.dragging = true;
        myCanvas.putPoint(e);
    }
    , disengage: function () {
        myCanvas.dragging = false;
 
    }
    , mouse: function () {
        canvas.addEventListener('mousedown', myCanvas.engage);
        canvas.addEventListener('mousemove', myCanvas.putPoint);
        canvas.addEventListener('mouseup', myCanvas.disengage);
    },
    clear:function(){
        context.clearRect(0,0,300,300);
    },
touch:fonction(){
myCanvas.canvas.addEventListener('touchstart', myCanvas.engage);
myCanvas.canvas.addEventListener('touchmove', myCanvas.putPoint);
myCanvas.canvas.addEventListener('touchend', myCanvas.disengage);
},
} ;
Que me manque t il pour le rendre tactile? Merci pour votre aide.