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 wird dieser Strichanimationseffekt erreicht?

Dieser strichartige Effekt erscheint, wenn die Maus darüber fährt. Kann er mit reinem CSS erreicht werden? Wie erreicht man den gleichen Effekt?

学习ing 2017-06-24 09:44:08 0  3  896

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

javascript – So implementieren Sie Front-End-Kartenanimationseffekte.

Ähnlich wie beim folgenden Effekt kann sich der Avatar entsprechend der Route bewegen. Ich war noch nie zuvor einer solchen Animation ausgesetzt. Wie soll das Frontend umgesetzt werden? Canvas? WebGL? oder fertiges Framework? Ich habe keine Ahnung, welche Ideen verwendet werden sollten, um diesen Ef...

PHPz 2017-05-16 13:36:02 0  2  447

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

javascript – So erzielen Sie einen Bleistiftlinienzeichnungseffekt auf Leinwand

Die Strichzeichnungen, die ich kürzlich gemacht habe, wurden alle mit Lineto erstellt, aber die Zeichnungen sind alle durchgezogene Linien. Aus der Perspektive der kreativen Wirkung möchte ich den Effekt haben, einen [Bleistift] zu zeichnen ~ Liebe Meister, wie man es zeichnet. .

習慣沉默 2017-05-24 11:37:40 0  1  1034

javascript – Probleme mit der JS-Ereignisdelegierungsoperation ul li tag

Lassen Sie mich zunächst über die Funktion sprechen, die ich erreichen möchte: Klicken Sie auf ein Li-Tag in einem UL, um das aktuell angeklickte Li zu entfernen. Aber nachdem ich es immer wieder versucht hatte, konnte ich nicht den gewünschten Effekt erzielen. Die aktuelle Frage lautet wie folgt: W...

巴扎黑 2017-06-28 09:27:49 0  2  845

Steht der Rand des Weex-Android-List-Cell-Label-Box-Modells auf dem Kopf?

Legen Sie den linken Randwert des Zellenelements unter dem Listenelement fest. Der tatsächliche Anzeigeeffekt ist der rechte Randwert {code...}. Die linke Seite ist der linke Rand der Liste und die rechte Seite der Rand links der Zelle; über die Playground-App Überprüfen Sie die Koordinatenfunktion ...

大家讲道理 2017-05-24 11:38:17 0  1  791

javascript – Eine js-Übungsfrage, warum der letzte getElementsByTagName('a')[0] hier 0 ist

{Code...} Der Effekt dieser Implementierung ist der Effekt des Hinzufügens und Löschens der letzten Spalte in einer Tabelle. Ich verstehe nicht, warum oTd.getElementsByTagName('a')[0].onclick nach createElement das Tag a erstellt Funktion hinzufügen und löschen. =function() Der hier ausgewählte TagN...

女神的闺蜜爱上我 2017-06-26 10:57:27 0  4  850

javascript - Warum funktioniert meine Router-Verbindung in Vue nicht?

{code...} {code...} Dies ist der Inhalt von App.vue. Tatsächlich wurde die Seitenanzeige als Tag bereitgestellt, aber das Klicken hat keine Auswirkung, und das Klicken zum Ändern hat keine Auswirkung Komponente {Code..} Dies ist der Code für einen der Router. Die anderen beiden sind im Grunde dersel...

漂亮男人 2017-05-16 13:38:06 0  2  680

javascript - Wie realisiere ich eine DIY-Seite?

Vielleicht ist die Titelbeschreibung nicht ganz klar, also gehen wir direkt zum Rendering über, Sie können die Konfigurationsparameter selbst bearbeiten und sie dann in der Vorschau anzeigen Wie wird diese Technologie umgesetzt?

大家讲道理 2017-05-24 11:37:22 0  5  743

Theoretische Analyse von Algorithmen, die wahr oder falsch zurückgeben, basierend auf der Untersuchung gegebener Wahrscheinlichkeiten

Ich möchte eine Methode implementieren, die mit der Wahrscheinlichkeit n/m wahr und mit der Wahrscheinlichkeit (m-n)/m falsch zurückgibt. Ich möchte zum Beispiel mit einer Wahrscheinlichkeit von 7/10000 wahr werden. Um dieses Ziel zu erreichen, erhalte ich zunächst eine zufällige Ganzzahl n kleiner ...

P粉026665919 2023-09-05 19:57:42 0  1  609

Titel umgeschrieben als: Flexbox-Menü und Tabelle mit Titel – ist es möglich, den Titel basierend auf der Tabellenbreite zu kürzen?

Ich möchte so etwas erreichen, indem ich flexboxCSS verwende. Das Menü hat eine feste Breite, aber die Tabelle kann automatisch wachsen und die Kopfzeile sollte die Tabellenbreite nicht überschreiten, auch wenn sie lang ist. Mit anderen Worten: Die Tabelle sollte in der Lage sein, die Spaltencontain...

P粉642920522 2023-09-06 17:30:06 0  1  426

javascript – Eine Frage zum Mousdown-Ereignis

Bitte helfen Sie. Ich habe $.animate verwendet, um ein Ereignis basierend auf dem Seitenelement mousdown zu implementieren. Nachdem ich mehrmals hintereinander geklickt habe, wird die Animation wiederholt abgespielt Um dies zu erreichen, muss ich jedes Mal von vorne beginnen, wenn ich auf „Animation...

世界只因有你 2017-05-19 10:14:34 0  1  412

javascript – Wie man eine PC-Website dynamisch erscheinen lässt, während die Maus scrollt

Dies ist die Demo-URL: http://demo.cssmoban.com/csst... Wie lässt sich der Inhalt der Webseite dynamisch anzeigen, wenn der Mausball gleitet?

習慣沉默 2017-06-13 09:24:09 0  6  923

javascript – Bitte erklären Sie mir, wie ich Better-Scroll + Vue-Scrolling verwenden kann

Es ist so. Ich werde die vertikale Scroll-Methode für die Better-Scroll-Komponente verwenden, aber ich habe das horizontale Scrollen schon lange studiert und konnte es nicht umsetzen. Ich hoffe, Sie können mir einige Hinweise geben Ich möchte erreichen, dass das horizontale Menü den von mir markiert...

三叔 2017-07-05 10:44:28 0  1  930

Javascript – Vue-Router-Link

Das traditionelle a kann in einem neuen Tab geöffnet werden<router-link:to="{path:'name'}"></router-link>Kann der Vue-Router von Vue den traditionellen Effekt erzielen? Die Spa-Anwendung erreicht dies nicht in einem neuen Tab öffnen.

黄舟 2017-05-19 10:32:06 0  2  717

Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt

Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich erreichen möchte, ist der folgende Effekt beim Schweben: Meine Website ist hier https://wordpress-493302-3130963.cloudwaysapps.com/ Ich habe die Hälfte von dem, was ich erreichen möchte, mit CSS-Übergängen erf...

P粉546257913 2024-04-04 11:55:21 0  2  426

Python-Klassen, die Threads erben, können Threads nicht über Flag-Bits beenden

Beim Testen des Producer-Consumer-Modells bin ich auf ein solches Problem gestoßen, nachdem ich den Thread geerbt hatte, um die Thread-Endkontrolle zu erreichen Der eigentliche Effekt besteht darin, dass das Programm in worker.join() hängen bleibt und überhaupt nicht beendet wird. konsultieren...

黄舟 2017-05-18 11:02:22 0  1  818

Auf der Suche nach einem Javascript-Kartenmarkierungs-Plug-in

1. Gibt es ein solches JavaScript-Plugin, das den folgenden Effekt erzielen kann? Die drei Objekte auf der linken Seite können auf die Karte auf der rechten Seite gezogen werden. Nach dem Ziehen auf die Karte und dem Loslassen der Maus wird eine Markierung hinterlassen auf der Karte (wird zum Markie...

怪我咯 2017-05-18 10:49:58 0  1  588