Hi Leute,
manchmal frag ich mich, was man am nachbauen trivialer Beispiele falsch machen kann. Jedenfalls hab ich folgendes Probiert:
Das Ergebnis ist eine Katastrophe, weil die Auflösung der Strichstärke min doppelt so groß ist als die Bildauflösung.
Ich hab dann alles mal mit anderen Anwendungen verglichen wo Canvas zum Einsatz kommt und kann meinen Fehler nicht finden.
c.lineWidth = 1; ... in allen Kombinationen hat leider auch keinen dünnen Strich gezaubert.
Hat jemand eine Idee was hier der Fehler ist?
manchmal frag ich mich, was man am nachbauen trivialer Beispiele falsch machen kann. Jedenfalls hab ich folgendes Probiert:
HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Bitcoin-Charts</title> <link rel="stylesheet" href="css/std.css"> <script src="js/jquery/jquery-3.3.1.min.js"></script> <script src="js/chart.js"></script> </head> <body> <div class="box"> <canvas id="canvas_chart" height="600" width="1000"></canvas> </div> </body> </html>
PHP-Code:
$(document).ready(function () { var ce = document.getElementById( "canvas_chart" ); var c = ce.getContext( "2d" ); cx = ce.width; cy = ce.height; cxm = Math.round( cx / 2 ); cym = Math.round( cy / 2 ); c.strokeStyle = 'yellow'; c.moveTo( 1 , cym ); c.lineTo( cx , cym ); c.stroke(); c.strokeStyle = 'red'; c.moveTo( 1 , cym + 11 ); c.lineTo( cx , cym + 11 ); c.stroke(); c.strokeStyle = 'blue'; c.moveTo( 1 , 1 ); c.lineTo( 1000 , 600 ); c.stroke(); });
Ich hab dann alles mal mit anderen Anwendungen verglichen wo Canvas zum Einsatz kommt und kann meinen Fehler nicht finden.
c.lineWidth = 1; ... in allen Kombinationen hat leider auch keinen dünnen Strich gezaubert.
Hat jemand eine Idee was hier der Fehler ist?
Kommentar