123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <html>
- <head>
- </head>
- <body>
- <div style="position:absolute; top:150px; left:0px">
- <img src="pics/beamline.png">
- <div style="position:absolute; top:0px; left:0px">
- <canvas id="myCanvas" width="1900px" height="661px"></canvas>
- <script>
- var canvas = document.getElementById('myCanvas');
- var context = canvas.getContext('2d');
- context.fillStyle = 'rgba(0, 127, 70, 0.2)';
- context.beginPath();
- context.moveTo(1530, 318);
- <?php
- $handle = fopen ("text.txt", "r");
- while (!feof($handle)) {
- $buffer = fgets($handle);
- $values = explode(" ", $buffer);
- if (trim($values[0]) == "---")
- {
- if ($lastR > 5.0 || $lastR < -5.0) echo 'context.lineTo(310, ' . $lastR . '); context.lineTo(310, 318);';
- echo 'context.lineTo(' . $lastZ . ', 318);';
- echo 'context.fill();';
- echo 'context.beginPath();';
- echo 'context.moveTo(1530, 318);';
- }
- else
- {
- $z = ($values[0] * 46.833) + 876.68;
- $r = (-$values[1] * 46) + 318;
- echo 'context.lineTo(' . $z . ', ' . $r . ');';
- $lastZ = $z;
- $lastR = $r;
- }
- }
- fclose ($handle);
- ?>
- </script>
- </div>
- </div>
- </body>
- </html>
|