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  961

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  649

javascript – Canvas verwendet den toDataUrl()-Fehler, img setzt img.crossOrigin = „*' ohne Erfolg.

Die Seite verfügt über eine Screenshot-Funktion, und ein Bild wird lokal generiert, dann in Canvas konvertiert und dann von Canvas in PNG konvertiert, aber canvas.toDataUrl() meldet weiterhin einen Fehler: {code...} Der Code lautet wie folgt: {Code... }

过去多啦不再A梦 2017-07-05 10:57:31 0  1  887

javascript - Wie erhalte ich die Koordinaten eines Berührungsereignisses im Canvas im nativen Canvas?

Wenn Canvas auf das Mousedown-Ereignis reagiert, kann es die internen Koordinaten des Elements über event.offsetX und offsetY extrahieren. Dann habe ich zu touchstart gewechselt und es gibt kein offsetX und offsetY.

黄舟 2017-05-24 11:36:27 0  3  772

Javascript – domänenübergreifendes Problem mit Canvas toDataURL()

Das Bild wird auf Youpaiyun platziert. Wenn Canvas das Bild aufruft, meldet todataURl am Ende einen Fehler. Auch Baidu prüfte viele Lösungen, konnte diese jedoch nicht umsetzen. . Fehlermeldung: {code...}

淡淡烟草味 2017-05-16 13:36:18 0  1  580

javascript - Wie schreibe ich diesen Effekt in H5-Canvas? Hat jemand Ideen oder Code?

Wie schreibe ich diesen Effekt in H5-Canvas? Hat jemand Ideen oder Code für Wellen und Regentropfen?

世界只因有你 2017-06-05 11:13:36 0  3  1090

javascript – So greifen Sie auf von Canvas generierte Bilder zu

Ich muss Bilder synthetisieren. Ich frage mich, ob ich das von Canvas im Hintergrund erzeugte Bild direkt erfassen und es dann an das Frontend zurückgeben kann.

伊谢尔伦 2017-06-05 11:09:30 0  1  592

javascript – Das von jade/pug erstellte Canvas-Tag gibt mit getContext('2d') null zurück.

Das Projekt verwendet pug und muss ein Canvas-Tag generieren, daher habe ich den folgenden Code {code...} hinzugefügt. Nachdem ich jedoch js zum Abrufen des Objekts verwendet habe, gibt der Aufruf von getContext('2d') null zurück und das Objekt wird als ausgedruckt <canvas class ="work-i...

为情所困 2017-05-19 10:40:25 0  1  675

javascript – Die Verwendung von Canvas zum Ändern von Bildern führt zu Flackerproblemen.

Wenn ich Canvas verwende, um ein kleines Spiel zu erstellen, gibt es Bilder, die gewechselt werden müssen, und es kommt zu Flackern, aber das passiert nicht immer, manchmal und manchmal auch nicht. Was ist los?

阿神 2017-06-07 09:24:50 0  2  1113

Javascript – Ideenlösung für integrierte jQuery- oder Canvas-Anzeigeeffekte

Wie im Bild gezeigt, ist der Kredit-Score von 100 über Angular.js datengebunden. Jetzt muss ich jQuery oder Canvas verwenden, um einen speziellen Effekt auf der Kredit-Score-Seite des Benutzers zu erzielen, und der kleine weiße Kreis steht ganz rechts. Dann erhöht oder verringert sich die Kreditwürd...

怪我咯 2017-05-19 10:28:23 0  4  637

Javascript – Probleme bei der Verarbeitung von Canvas-Bildern

Ich muss Canvas verwenden, um ein vom Benutzer hochgeladenes Bild zu verarbeiten. Die vom Benutzer hochgeladene Größe kann beispielsweise sehr groß sein und die Breite und Höhe des aktuellen Browserfensters überschreiten. Daher skaliere ich es proportional zum sichtbaren Bereich des Browsers und zei...

扔个三星炸死你 2017-06-10 09:49:16 0  3  1056

javascript - Kann Canvas die Funktion eines magischen PS-Radiergummis realisieren?

Ich finde, dass die Canvas-Funktion sehr leistungsfähig ist. Kann sie die Hintergrundfarbe normaler Fotos erkennen? Meine eigene Idee besteht darin, mit getImageData den RGBA-Wert des Pixels zu ermitteln und dann die identischsten Werte um ihn herum als Hintergrundfarbe zu identifizieren. Allerdings...

高洛峰 2017-05-16 13:24:09 0  1  650

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  813

javascript - Wie kann ich die Position des Canvas-Tags in h5 so anpassen, dass sie nach dem Ausblenden und erneuten Anzeigen unterschiedlich ist?

Ich habe das von js dynamisch hinzugefügte Canvas-Tag verwendet, um einige Linien zu zeichnen, und die absolute Positionierung an einer bestimmten Position verwendet. Es wird standardmäßig angezeigt, aber das Produkt erfordert, dass es ausgeblendet werden kann, also habe ich eine Schaltfläche erstel...

巴扎黑 2017-05-24 11:37:35 0  1  1054

Wie ändere ich die Farbe des Materials mit Canvas?

Ich habe in Zhihu eine Frage zur Verwendung eines Farbkreises zum Ändern der Farbe von Charakteren gesehen. Hier ist ein Link zu einem Bild, das die Frage zitiert. Die Charaktere auf dem Bild sind nur unterschiedlich gekleidet, aber die Hautfarbe ist dieselbe In dem Artikel wurde erwähnt, dass ich d...

巴扎黑 2017-07-03 11:42:54 0  1  1177

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  784

Warum wird jedes Mal, wenn ich mein Vite React-Projekt speichere, ein neues Canvas-Element zum Seitenkörper hinzugefügt, anstatt das vorhandene Canvas-Element zu ersetzen?

Ich versuche, ThreeJs zu lernen (ich bin auch neu in der Javascript-Webentwicklung). Nachdem ich mir einige Tutorials angesehen hatte, begann ich mit Vite und React und dann mit einem einfachen rotierenden Würfel. Dieser Teil funktioniert. Aber nach dem, was ich über Vite gelesen habe, sollte das Sp...

P粉186904731 2024-03-30 09:57:49 0  1  584

javascript – So konvertieren Sie mit Canvas den Inhalt eines Div in ein Bild, ohne ein Plug-In zu verwenden.

Viele Leute im Internet erwähnten die Verwendung von Canvas, aber der wichtigste Teil der Inhaltskonvertierung scheint größtenteils durch Plug-ins unterstützt zu werden, und das einzige Beispiel, das ich gefunden habe, das nicht auf Plug-ins angewiesen war, lief fehlerhaft. Ich möchte einen Meister ...

巴扎黑 2017-05-24 11:36:16 0  3  946

Vue – Advanced Cropper (Nicht abgefangener TypeError: this.$refs.cropper.getResult ist keine Funktion)

Ich habe eine VueAdvancedCropper-Zuschneidefunktion wie diese: crop(){const{canvas}=this.$refs.cropper.getResult();if(canvas){constform=newFormData();canvas.toBlob(blob=> {form. append('files[]',blob);//Vielleicht sollten Sie diesen Satz hinzufügen

P粉054616867 2023-12-14 15:01:09 0  2  610

So verhindern Sie, dass das Hintergrundbild beim Ändern flackert

Ich wende über JavaScript ein sich wiederholendes Hintergrundbild von der Leinwand auf das Div an: varimg_canvas=document.createElement('canvas');img_canvas.width=16;img_canvas.height=16;img_canvas.getContext('2d') . drawImage(canvas,0,0,16,16);varimg=img_canvas.to

P粉590929392 2023-10-20 21:38:57 0  2  846