Skip to content

Commit b34bc6a

Browse files
committed
storing the canvas context in a variable
1 parent 8ecbc22 commit b34bc6a

1 file changed

Lines changed: 8 additions & 7 deletions

File tree

examples/move_controller_multiple.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,16 +27,17 @@
2727
<body>
2828

2929
<script>
30-
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas();
30+
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
31+
ctx = videoCamera.canvas.context;
3132

3233
var t1 = videoCamera.track({
3334
type: 'color',
3435
color: 'magenta',
3536
onFound: function(track) {
3637
var size = 60 - track.z;
37-
videoCamera.canvas.context.strokeStyle = "rgb(255,0,255)";
38-
videoCamera.canvas.context.lineWidth = 3;
39-
videoCamera.canvas.context.strokeRect(track.x - size*0.5, track.y - size*0.5, size, size);
38+
ctx.strokeStyle = "rgb(255,0,255)";
39+
ctx.lineWidth = 3;
40+
ctx.strokeRect(track.x - size*0.5, track.y - size*0.5, size, size);
4041
}
4142
});
4243

@@ -45,9 +46,9 @@
4546
color: 'cyan',
4647
onFound: function(track) {
4748
var size = 60 - track.z;
48-
videoCamera.canvas.context.strokeStyle = "rgb(0,255,255)";
49-
videoCamera.canvas.context.lineWidth = 3;
50-
videoCamera.canvas.context.strokeRect(track.x - size*0.5, track.y - size*0.5, size, size);
49+
ctx.strokeStyle = "rgb(0,255,255)";
50+
ctx.lineWidth = 3;
51+
ctx.strokeRect(track.x - size*0.5, track.y - size*0.5, size, size);
5152
}
5253
});
5354
</script>

0 commit comments

Comments
 (0)