javascript - Verwenden Sie Canvas, um eine elektronische Signatur zu implementieren und die Koordinaten der Maus im Canvas zu positionieren

Beim Versuch, Canvas zum Implementieren einer elektronischen Signatur zu verwenden, können die Koordinaten der Maus im Canvas nicht genau ermittelt werden. {Code...} Verwenden Sie ev.clientY, um die Koordinaten der Maus zu erhalten, aber canvas.offsetTop erhält die Höhe vom übergeordneten Element. U...

巴扎黑 2017-05-16 13:36:00 0  1  673

Problem mit nicht genauen Mauskoordinaten: Verwendung von HTML5-Canvas beim Ändern der Seitengröße

Ich möchte diesen Pixeleffekt von einem Front-End-Experten erstellen. Obwohl ich den gesamten Pixeleffekt auf einer Vollbild-Leinwand erzielen kann: constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Setzen Sie die Vollbildhöhe auf die Leinwand canvas.width=window.innerWidth ;//...

P粉752290033 2023-09-12 12:20:33 0  1  811

html5 – Canvas kann manchmal nicht auf DataURL-Daten zugreifen

Fragen: 1. Ich weiß nicht warum, manchmal kann Canvas die Zeichnungsdaten nicht abrufen, sondern nur „data:;“. Bitte sagen Sie mir, wo ich das falsch geschrieben habe. 2. Ich habe Canvas so geschrieben. Gibt es etwas, das optimiert werden muss?

高洛峰 2017-06-06 09:53:01 0  2  976

javascript - Leinwand beim Zeichnen eines durchscheinenden Mosaiks unterstützen?

Meine Anforderung besteht darin, Benutzern die Verwendung der Maus zum Mosaikieren der hochgeladenen Dokumente zu ermöglichen. Meine Idee besteht darin, Mausereignisse an die Leinwand zu binden und entlang des Mausklickpfads des Benutzers ein durchscheinendes PNG zu zeichnen PNG-Overlay, ich möchte ...

仅有的幸福 2017-06-07 09:24:40 0  1  981

Eine Methode zum dynamischen Rendern kreisförmiger Sektoren ohne Verwendung von HTML5-Canvas

Ich baue ein Glücksrad und muss basierend auf der Anzahl der Sektoren ein Rad oder einen Kreis erstellen und es mit Preisnamen füllen. Ich habe den Code für einen Kreis mit einer festen Anzahl von Sektoren vervollständigt. Hier ist ein Beispiel für einen Kreis mit 6 Sektoren. .wheel_container{positi...

P粉731861241 2023-09-02 10:43:07 0  1  609

Können PDF-Dateien mit HTML5 und Javascript ausgeführt werden?

Ich habe die dumme Idee, ein Programm zu erstellen, das auf keinem Computer blockiert wird, da es in ein PDF eingebettet wird (ich habe gehört, dass Javascript in PDFs ausgeführt werden kann). Es führt HTML5 und Javascript (und ein wenig CSS) in PDF-Dateien aus und verwendet dabei hauptsächlich das ...

P粉113938880 2024-04-05 12:57:00 0  1  834

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  879

Javascript – Leeren Bereich der Leinwand zuschneiden

Ich habe Canvas verwendet, um eine elektronische Signatur zu erstellen, aber nach der Unterschrift des Benutzers war zu viel Leerraum übrig. Gibt es eine Möglichkeit, den Leerraum zu erfassen? Originalbild des Beispiels: Während des Signiervorgangs habe ich den Bereich ermittelt, den die Maus durchq...

黄舟 2017-05-16 13:26:16 0  5  1161

html5 – So verwenden Sie die Canvas-Technologie, um eine Musikpartitur zu erstellen, die nach oben und unten springt

Ich würde gerne fragen, wie man mithilfe der Canvas-Technologie eine Musikpartitur erstellen kann, die auf und ab springt. Es ähnelt diesem Bild, mit dem einfachen Effekt, auf und ab zu springen.

PHPz 2017-05-16 13:21:58 0  1  824

Warum ist meine Zeichenfläche innerhalb der Seite versetzt?

Es ist schwer zu erklären. Aber ich werde es versuchen, die gesamte Leinwand ist versetzt. Ich bin mir nicht sicher, wie das passiert ist oder wie ich es beheben kann. Wenn sich Ihre Maus beispielsweise in der oberen linken Ecke der Seite befindet und Sie in der Mitte beginnen, stimmt sie mit der ob...

P粉475126941 2024-03-28 22:16:10 0  2  409

Bildspeicherung – PHP MySQL speichert Base64-Bilder

Im HTML5-Canvas habe ich ein Drittanbieter-Steuerelement zum Erstellen von Emoticon-Paketen verwendet und möchte nun das fertige Emoticon-Paket in die MySQL-Datenbank hochladen. Egal, ob Sie es auf einen lokalen Server hochladen und dann die Dateiadresse in der Datenbank speichern oder es in Blob-Fo...

ringa_lee 2017-05-19 10:07:42 0  4  1095

javascript - Wie kann festgestellt werden, ob sich die Position des Punkts auf der darin gezeichneten Linie befindet, wenn mit der Maus auf die Canvas-Seite geklickt wird? Etwas löst auf einer gezeichneten Linie ein Ereignis aus?

Unten sind drei Abschnitte mit unterstrichenem Code aufgeführt. Wenn ich in den Bearbeitungsmodus klicke, wird die entsprechende Position der linken Maustaste in vcanvas aufgezeichnet. Wie kann ich feststellen, ob der Punkt, auf den ich geklickt habe, auf dem von mir gezeichneten Liniensegment liegt...

世界只因有你 2017-06-13 09:24:19 0  1  1234

javascript - Wie erhalte ich den Inhalt in Klammern mithilfe regulärer Ausdrücke in JS?

var str="deleteChild(236737)"; Holen Sie sich beispielsweise die Zahl 236737 in Klammern und benötigen Sie nichts anderes. Wie schreibe ich normales js? js-Arrays sind zu problematisch. Denn die Zahl in den Klammern ändert sich.

滿天的星座 2017-05-19 10:40:53 0  6  852

show() ist nach Ajax-Erfolg ungültig

Die Konsole kann den Anmeldeerfolg und 222 ausdrucken, aber das Element blinkt immer auf der Seite und verschwindet. Was ist los?

PHP中文网 2017-05-19 10:40:54 0  3  639

javascript – Eine Zeile Code für den Quellcode von underscore.js schreiben

{Code...} _.isNumber ist in anderen Teilen nicht definiert. Gemäß dem &&-Operator ist die _.isNumber-Methode nicht definiert, sodass _.isNumber(obj) falsch ist und isNaN(obj) zurückgegeben wird. Warum also nicht einfach isNaN(obj) zurückgeben?

巴扎黑 2017-05-19 10:40:56 0  1  578

javascript - Wie ändere ich den Übergangseffekt von vue1.0 in vue2.0?

Dies ist der Übergangseffekt von 1.0, konvertiert in 2.0, was soll das sein!

为情所困 2017-05-19 10:40:59 0  2  652

javascript - Woher wissen Sie, dass der Haken des Versprechens nicht geschrieben ist?

{Code...} Ich habe die Frage noch einmal bearbeitet, nur um zu fragen, ob ich den .catch() von p() nicht schreibe, wie soll ich den Browser in die Funktion p schreiben, damit er keinen Fehler meldet? ?

phpcn_u1582 2017-05-19 10:41:01 0  1  613

javascript – Interaktion mit dem Ajax-Hintergrund von jQuery in VueJS

Ich möchte vuejs verwenden, um den Ajax von jQuery aufzurufen, aber ich möchte, dass das Ereignis auf der Seite ausgelöst wird, sobald die Seite geladen wird. Die Funktionsweise des Codes lautet wie folgt: HTML: {code...} js: {code...} Ich Was muss ich tun, um eine Ajax-Anfrage zu senden, sobald die...

高洛峰 2017-05-19 10:41:03 0  3  599

javascript - Warum wird nach der Rückgabe von Daten die Meldung „Daten sind nicht definiert' angezeigt?

{Code...} Daten wurden zurückgegeben. Warum können keine externen Daten aufgerufen werden?

过去多啦不再A梦 2017-05-19 10:41:05 0  5  943

javascript - Wie implementiert man eine Zusammenfassung eines Artikels wie den folgenden?

Das Bild wird extrahiert und auf der rechten Seite platziert, und der Text wird extrahiert und auf der linken Seite platziert. Wie wird das Bild extrahiert und wie wird der Text extrahiert?

漂亮男人 2017-05-19 10:41:06 0  2  529