Auf Thema antworten 2026

Beitrag

<blockquote data-quote="diekate" data-source="post: 1856861" data-attributes="member: 398365">Guten Morgen =)Ich versuche gerade ein Zeichenprogramm zu erstellen - zeichnen und löschen klappt, aber nun habe ich ein Problem damit, dass man die Farben ändern kann...[HTML]&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;canvas id=&quot;zeichenflaeche&quot; width=&quot;898px&quot; height=&quot;248px&quot; style=&quot;border:1px solid black; cursor:crosshair&quot; onmousemove=&quot;liniezeichnen(event)&quot; onmousedown=&quot;start(event)&quot; onmouseup=&quot;stop(event)&quot;&gt;Error&lt;/canvas&gt;&lt;div style=&quot;background-color:#505050; width:900px; height:50px&quot;&gt;&lt;input type=&quot;button&quot; value=&quot;clear&quot; style=&quot;width:50px; height:30px;&quot; onclick=&quot;reset(event)&quot;/&gt;&lt;a href=&quot;#&quot; onClick=&quot;schwarz()&quot;&gt;schwarz&lt;/a&gt;&lt;a href=&quot;#&quot; onClick=&quot;braun()&quot;&gt;braun&lt;/a&gt;&lt;/div&gt;&lt;script&gt;var canvas =document.getElementById(&#039;zeichenflaeche&#039;);var c =canvas.getContext(&#039;2d&#039;);var z =false;var colorBlack=&quot;#000000&quot;;var colorBrown=&quot;#491517&quot;;var curColor = colorBlack;var clickColor = new Array();function start(event)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; var posX =event.pageX;&nbsp; &nbsp; &nbsp; &nbsp; var posY =event.pageY;&nbsp; &nbsp; &nbsp; &nbsp; c.moveTo(posX,posY);&nbsp; &nbsp; &nbsp; &nbsp; z = true;&nbsp; &nbsp; &nbsp; &nbsp; }function stop(event)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; z =false;&nbsp; &nbsp; &nbsp; &nbsp; }function liniezeichnen(event)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if(z==true)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var posX =event.pageX;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var posY =event.pageY;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c.lineTo(posX,posY);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c.lineWidth =10;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c.strokeStyle = clickColor;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c.stroke();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; c.lineCap = &quot;round&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }function reset(event)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; canvas.width =canvas.width;&nbsp; &nbsp; &nbsp; &nbsp; } function addClick(x, y, dragging){&nbsp; clickX.push(x);&nbsp; clickY.push(y);&nbsp; clickDrag.push(dragging);&nbsp; clickColor.push(curColor);}function schwarz()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; c.strokeStyle = colorBlack;&nbsp; &nbsp; &nbsp; &nbsp; }function baun()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; c.strokeStyle = colorBrown;&nbsp; &nbsp; &nbsp; &nbsp; }&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]kann halt einmal die farbe ändern, dann aber nicht mehr und wenn die farbe zu braun geändert wird und man zum zeichnen ansetzt, wird das, was zuvor in schwarz gezeichnet wurde auch braun, sollte aber eig schwarz bleiben....hilfe? =) danke schonmal im voraus</blockquote>

[QUOTE="diekate, post: 1856861, member: 398365"] Guten Morgen =) Ich versuche gerade ein Zeichenprogramm zu erstellen - zeichnen und löschen klappt, aber nun habe ich ein Problem damit, dass man die Farben ändern kann... [HTML] <html><head></head><body> <canvas id="zeichenflaeche" width="898px" height="248px" style="border:1px solid black; cursor:crosshair" onmousemove="liniezeichnen(event)" onmousedown="start(event)" onmouseup="stop(event)">Error</canvas> <div style="background-color:#505050; width:900px; height:50px"> <input type="button" value="clear" style="width:50px; height:30px;" onclick="reset(event)"/> <a href="#" onClick="schwarz()">schwarz</a> <a href="#" onClick="braun()">braun</a> </div> <script> var canvas =document.getElementById('zeichenflaeche'); var c =canvas.getContext('2d'); var z =false; var colorBlack="#000000"; var colorBrown="#491517"; var curColor = colorBlack; var clickColor = new Array(); function start(event) { var posX =event.pageX; var posY =event.pageY; c.moveTo(posX,posY); z = true; } function stop(event) { z =false; } function liniezeichnen(event) { if(z==true) { var posX =event.pageX; var posY =event.pageY; c.lineTo(posX,posY); c.lineWidth =10; c.strokeStyle = clickColor; c.stroke(); c.lineCap = "round"; } } function reset(event) { canvas.width =canvas.width; } function addClick(x, y, dragging) { clickX.push(x); clickY.push(y); clickDrag.push(dragging); clickColor.push(curColor); } function schwarz() { c.strokeStyle = colorBlack; } function baun() { c.strokeStyle = colorBrown; } </script> </body></html> [/HTML]kann halt einmal die farbe ändern, dann aber nicht mehr und wenn die farbe zu braun geändert wird und man zum zeichnen ansetzt, wird das, was zuvor in schwarz gezeichnet wurde auch braun, sollte aber eig schwarz bleiben.... hilfe? =) danke schonmal im voraus [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?