Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der Definitionen und Verwendung von Koordinatenachsen

Zusammenfassung der Definitionen und Verwendung von Koordinatenachsen

伊谢尔伦
伊谢尔伦Original
2017-06-13 11:52:233432Durchsuche

Das Perspektive-Attribut und das zugehörige Perspektive-Ursprungs-Attribut werden verwendet, um den Abstand auf der Koordinatenachse im 3D-Grafikraum zu steuern. Im Folgenden stellen wir natürlich eine Beispielmethode zum Festlegen des 3D-Transformationsabstands vor , wir werden später auch darüber sprechen. Zur Verwendung von perspective-origin: Das perspektivische Attribut ist entscheidend für die 3D-Verformung. Diese Eigenschaft legt die Position des Betrachters fest und ordnet den visuellen Inhalt einem Ansichtskegel zu, der ihn wiederum auf eine 2D-Ansichtsebene projiziert. Wenn Sie keine Perspektive angeben, werden alle Punkte im Z-Raum in derselben 2D-Ansichtsebene gekachelt und in den Transformationsergebnissen gibt es kein Konzept der Schärfentiefe. Die obige Beschreibung ist möglicherweise schwer zu verstehen. Tatsächlich können wir das Perspektivattribut einfach als Betrachtungsabstand verstehen, der zum Festlegen des Abstands zwischen dem Benutzer und der Z-Ebene des 3D-Raums des Elements verwendet wird. Der Effekt wird durch seinen Wert bestimmt, je näher der Benutzer an der Z-Ebene des 3D-Raums ist, und umgekehrt ist der visuelle Effekt umso beeindruckender, je größer der Wert, desto weiter ist der Benutzer von der Z-Ebene entfernt Ebene des 3D-Raums, und der visuelle Effekt ist beeindruckender. Bei der 3D-Transformation gilt für einige Transformationen:

1. Teilen Sie die Beispielmethode zum Festlegen des 3D-Transformationsabstands mithilfe des Perspektivattributs von CSS3

Zusammenfassung der Definitionen und Verwendung von Koordinatenachsen

Einführung: Das perspektivische Attribut und das zugehörige perspektivische Ursprungsattribut werden verwendet, um den Abstand auf der Koordinatenachse im 3D-Grafikraum zu steuern. Lassen Sie uns CSS3 in erklären Detail unten. Das Perspektive-Attribut legt den 3D-Transformationsabstand fest. Die Verwendung des Perspektive-Ursprungs wird natürlich auch später besprochen: HTML5 Canvas-Koordinatenachsenkonvertierung. Musterfüllung, Farbverlauf und Schatten

Einführung: Im vorherigen Artikel haben wir etwas über das grundlegende Zeichnen von Leinwandgrafiken gelernt Schauen wir uns noch einige weitere Achsentransformationen an. Die Standardkoordinatenachsen in unserem Canvas sind die gleichen wie die positiven y-Halbachsen Stellen Sie zunächst die Transformation der Leinwandkoordinaten ein JpGraphZusammenfassung der Definitionen und Verwendung von Koordinatenachsen

Einführung: Spalte in JpGraph Problem mit dem Diagramm [img=http://img.my.csdn.net/uploads/201205/31/1338473872_1500.png img ] Dies ist ein Histogramm, das ich erstellt habe. Die Abszisse ist in 50 gleiche Teile unterteilt und es werden korrekt 50 Balken verwendet, aber die Breite dieser Balken ist zu schmal und entspricht nicht gleichmäßig der Abszisse. Wie können wir dafür sorgen, dass sie genau 0-2, 2-4, 4-6... entsprechen (das heißt, gleichmäßig auf der Koordinatenachse verteilt?) Dies

4 Probleme im Zusammenhang mit Histogrammen in JpGraph

Einführung: Probleme mit Histogrammen in JpGraph [img=http://img.my.csdn.net/uploads/201205/31 /1338473872_1500.png img] Dies ist ein von mir erstelltes Histogramm. Die Abszisse ist in 50 gleiche Teile unterteilt und es werden 50 Spalten verwendet. Die Breite dieser Spalten ist jedoch zu schmal und entspricht nicht gleichmäßig der Abszisse. Wie können wir dafür sorgen, dass sie genau 0-2, 2-4, 4-6... entsprechen (das heißt, gleichmäßig auf der Koordinatenachse verteilt?) Dies

5 Kann die Drehung in der CSS-Transformation eine Drehung mit der Diagonale als Achse realisieren?

Einführung: Kann das im Bild genannte Div mit „Rotieren“ mit AD als Achse „schräg gedreht“ werden? Bei meinen Versuchen scheint das Attribut „transform-origin“ zwar in der Lage zu sein, die Koordinatenachse zu versetzen, sie aber nicht zu drehen, sodass die Drehachsen alle horizontal oder vertikal sind ... Die Kombination von „rotateX()“ und „rotateY()“ ist nicht sehr gut Entweder. Möglich ... wie erreicht man diese Rotation?

6. Es gibt eine Zeichnung mit Koordinatenachsen in HTML. Kann sie als Word-Dokument generiert werden?

Einführung: Das Kurvendiagramm im obigen Bild wird mit JQuery Float gezeichnet. Was ich erreichen möchte, ist, die HTML-Seite (nicht unbedingt von js generiert, sondern nur eine Zeichnung mit Koordinatenachsen) in eine Word-Seite umzuwandeln. Ich habe bisher zwei Methoden ausprobiert, aber keine scheint zu funktionieren: Die erste besteht darin, die PHPWORD-Bibliothek zu verwenden, aber diese Bibliothek scheint keine Methode zum Zeichnen von Tabellen bereitzustellen. ...

7. Python implementiert die Methode zum Zeichnen eines geraden Cursors zwischen zwei Koordinatenachsen in matplotlib

Einführung: In diesem Artikel wird hauptsächlich die Methode von Python zum Zeichnen eines geraden Cursors zwischen zwei Koordinatenachsen in Matplotlib vorgestellt. Es beinhaltet verwandte Fähigkeiten des Python-Bedienens des Matplotlib-Moduls. Freunde, die es benötigen, können darauf zurückgreifen

8. Tägliche HTML5-Übung: Anwendung von Canvas-Tags – Zeichnen von Koordinatentransformationsgrafiken

Einführung: Zeichnen von Grafiken Manchmal können wir Denken Sie oft an das Drehen von Grafiken oder die Verwendung einer Verformungsverarbeitung für Grafiken. Dieser Effekt kann durch die Verwendung der Achsentransformationsverarbeitungsfunktion der Canvas-API erzielt werden. Beim Zeichnen von Grafiken auf einem Computer basiert die Zeichnung auf Koordinatenpunkten. Standardmäßig ist Canvas...,.

【Verwandte Q&A-Empfehlungen】:

Javascript – Welche Regeln gelten für JS zum Zeichnen von Grafiken? Webseite entsprechend den Koordinatenachsen?

Javascript - echarts3 erhält die linken und rechten Startwerte von datazoom

transformieren - Wie Lassen Sie die Koordinatenachsen bei mehreren Transformationen der 3D-Transformation unverändert, oder gibt es einen Matrixalgorithmus, der implementiert werden kann?

Echart Der Name der X-Koordinatenachse wird links platziert und überlappt mit die Y-Koordinatenskala.

javascript - Wie drehe ich den Text auf der Skala der d3-Koordinatenachse?

Das obige ist der detaillierte Inhalt vonZusammenfassung der Definitionen und Verwendung von Koordinatenachsen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn