Welche Beziehung besteht zwischen Leinwandgröße und Leinwandgröße?

Welche Beziehung besteht zwischen der Leinwandskalierung und der Leinwandgröße? Mein ultimatives Ziel ist es, die Skalierung durch den Benutzer zu ändern

P粉621033928 2023-07-25 12:33:23 0  1  540

Die Leinwand erscheint leer?

Ich versuche, Schlüssel auf einer Leinwand zu rendern, die ich von BlazePose erhalten kann, aber ich schaffe es anscheinend nicht, sie auf die Leinwand zu zeichnen. Ich kenne die x- und y-Werte jedes Schlüsselpunkts und werde abgerufen, aber ich kann sie nicht auf der Leinwand anzeigen lassen. Ich h...

P粉147045274 2024-03-31 17:20:31 0  1  550

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

Javascript-Leinwandzeichnung

Ich habe eine Funktion geschrieben, die zum ersten Mal das drawImage von Canvas aufruft, um einen Teil eines lokalen Bildes zu zeichnen (dies kann erfolgreich sein), und dann toDataURL aufruft, um das von Canvas gezeichnete Bild in das src-Attribut des Bildobjekts zu konvertieren, und dann dieses Wa...

PHP中文网 2017-07-05 10:46:27 0  1  755

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

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

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

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

Die *zwei* Höhenwerte der Leinwand abrufen?

Ich versuche, zwei Höhenwerte dieser Leinwand zu ermitteln. <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas> Ich weiß, dass ich über „canvas.style.height“ auf den Stil zugreifen kann ; einer von ihnen, aber ...

P粉604848588 2024-04-05 09:32:33 0  1  1463

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

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

Javascript – Die Maus-Zeichenfunktion für Leinwanddesign zeichnet mehrere parallele farbige Linien in einem Strich

1. Canvas-Design-Mauszeichenfunktion zum Zeichnen mehrerer paralleler farbiger Linien in einem Strich 2. Ich habe versucht, dem Mausereignis die Zeichnung oCg.beginPath(); hinzuzufügen, aber das Ereignis wird überschrieben. 3. Fügen Sie auf die gleiche Weise eine doppelte Leinwand hinzu, aber die Le...

PHP中文网 2017-06-13 09:24:08 0  1  1255

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

Javascript – Bild in die Leinwand ziehen

Kann mir ein Meister helfen, diesen Effekt zu erkennen? Sie können das Bild rechts in die Leinwand ziehen und bearbeiten. Können Sie es im Detail erklären?

phpcn_u1582 2017-06-14 10:52:41 0  2  902