[docs] Fix a minor bug in binding tutorial (#6698)

To calculate y coordinate of `imageData`, we should divide the index with
`canvas.width` not with `canvas.height`. The current code works because the
shape of canvas is square.

Author: gunggmee

site/content/tutorial/06-bindings/12-bind-this/app-a/App.svelte

@@ -15,7 +15,7 @@
 			for (let p = 0; p < imageData.data.length; p += 4) {
 				const i = p / 4;
 				const x = i % canvas.width;
-				const y = i / canvas.height >>> 0;
+				const y = i / canvas.width >>> 0;
 
 				const r = 64 + (128 * x / canvas.width) + (64 * Math.sin(t / 1000));
 				const g = 64 + (128 * y / canvas.height) + (64 * Math.cos(t / 1000));
@@ -49,4 +49,4 @@
 		-webkit-mask: url(svelte-logo-mask.svg) 50% 50% no-repeat;
 		mask: url(svelte-logo-mask.svg) 50% 50% no-repeat;
 	}
-</style>
+</style>

site/content/tutorial/06-bindings/12-bind-this/app-b/App.svelte

@@ -15,7 +15,7 @@
 			for (let p = 0; p < imageData.data.length; p += 4) {
 				const i = p / 4;
 				const x = i % canvas.width;
-				const y = i / canvas.height >>> 0;
+				const y = i / canvas.width >>> 0;
 
 				const r = 64 + (128 * x / canvas.width) + (64 * Math.sin(t / 1000));
 				const g = 64 + (128 * y / canvas.height) + (64 * Math.cos(t / 1000));
@@ -50,4 +50,4 @@
 		-webkit-mask: url(svelte-logo-mask.svg) 50% 50% no-repeat;
 		mask: url(svelte-logo-mask.svg) 50% 50% no-repeat;
 	}
-</style>
+</style>