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

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

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

So exportieren Sie JPG-Dateien aus mehreren Leinwänden

Ich habe mehrere Leinwände, die als Ebenen verwendet werden. canvasc1=backgroundimage.canvasc2=charactorimage.canvasc3=itemimage Mein Quellcode ist wie folgt. Stellen Sie drei Leinwände am selben Ort auf. <divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">...

P粉301523298 2024-04-03 21:02:43 0  1  522

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

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

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

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

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

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

javascript – So beseitigen Sie gezackte Kanten auf der Leinwand

Wie zum Beispiel der Titel: Ich habe eine Leinwandgrafik erstellt und die Kanten waren gezackt: Der Interpolationsalgorithmus von Bicubic Interpolation, aber ich kann ihn nicht verstehen. Könnten Sie mir bitte einen Rat geben?

大家讲道理 2017-05-31 10:41:27 0  2  1066

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

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

javascript - Wie hoch ist die maximale Komprimierungsrate für auf Leinwand komprimierte Bilder?

In einem kürzlich durchgeführten Projekt wurden Bilder komprimiert und hochgeladen, und zum Komprimieren der Bilder wurde Canvas verwendet. Es wurde festgestellt, dass Canvas für verschiedene Bilder unterschiedliche Mindestkomprimierungsverhältnisse aufweist. Für das größte 22-Megapixel-Bild kann da...

大家讲道理 2017-06-12 09:28:20 0  1  965

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

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

Erzeugen Sie ein Leinwandbild mit einem lokalen Computer

Ich möchte ein Bild in eine <Leinwand> auf meinem Laptop laden, damit ich getImageData() verwenden kann. Ich verwende Javascript in einer lokalen .html-Datei. Dies ist kein weborientiertes Live-Projekt, sondern nur ein persönliches Projekt. Wenn ich dies versuche, erhalte ich die Fehlermeldung...

P粉547362845 2023-09-18 08:44:24 0  1  633

javascript - Was ist das Prinzip der Leinwandkomprimierung von Bildern?

Die toDataURL-Methode in Canvas kann das Format und die Komprimierungsqualität des Bildes nach der Komprimierung angeben, z. B. die Komprimierung in das WebP-Format: {code...} toDataURL verwendet Base64 zum Codieren des Bildes, und die codierte Quelldatei ist 33 % größer als vor der Kodierung Refere...

给我你的怀抱 2017-06-26 10:55:55 0  2  1127

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

javascript - Wie transformiere ich Bilder auf Leinwand?

Ich habe zum Beispiel ein Bild wie unten gezeigt {Code...}. Die Breite und Höhe des Bildes beträgt 1280 x 600 und das Transformationsattribut ist transform: Translate(6px, 6px) Scale(1.5) Rotate(100deg); Ich, was ist das Bild, das ich erstellt habe? Eine 1280x600-Leinwand, wie kann ich das Bild an ....

黄舟 2017-05-16 13:23:58 0  3  482