Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst HTML5 - Effizienteste Methode für Darstellung von (Vektor-) Objekten

Mitglied: 94451

94451 (Level 1)

24.08.2016 um 08:10 Uhr, 640 Aufrufe, 4 Kommentare

Hallo ihr lieben,

okay, Vektor ist übertrieben ich möchte ein paar Objekte darstellen, die dann einfach nicht mehr mit einem "DIV" zu bewerkstelligen sind.

Hierfür habe ich Canvas oder SVG ins Auge gefasst... Ich möchte aber nicht eine "bequeme" Methode finden sondern eine effiziente...

als effizient definiere ich "schnellstmögliche" Darstellung auf einem unteren Mittelklasse Smartphone...

klar ein Bild ist am schnellsten aufgebaut, allerdings müssen die Daten ja auch zum Handy, also ist es von der Übertragung her definitiv eher Canvas oder SVG. Da Canvas viel mit Javascript macht und Javascript doch eher "Ressourcen" frisst wird wohl SVG meine Wahl sein!?

Kann mir jemand Erfahrungswerte geben oder gar was "besseres" empfehlen? Ich möchte die die Objekte "obendrein" mit Javascript ändern können <- also z.B. ein Garagentor das sich langsam öffnen oder schließen kann...

vielen vielen Dank
Mitglied: Kraemer
24.08.2016, aktualisiert um 08:38 Uhr
Guten Morgen,

Da Canvas viel mit Javascript macht und Javascript doch eher "Ressourcen" frisst wird wohl SVG meine Wahl sein!?
...
Objekte "obendrein" mit Javascript ändern
überlege dir bitte erst einmal, was du wirklich willst.

Gruß Krämer
Bitte warten ..
Mitglied: 94451
24.08.2016 um 08:51 Uhr
überlege dir bitte erst einmal, was du wirklich willst.

öhhh... eigentlich habe ich das KLAR definiert!?

wo ist genau dein Problem?

ich erzeuge ein Objekt entweder SVG oder CANVAS (oder evtl. weiß ja jemand was "besseres"). Und dieses erzeugte Objekt hat Elemente die "bewegt" werden mit Javascript...

und hier steht NICHTS im Widerspruch!
Bitte warten ..
Mitglied: 129813
LÖSUNG 24.08.2016, aktualisiert um 09:26 Uhr
You should read
https://www.sitepoint.com/canvas-vs-svg-choosing-the-right-tool-for-the- ...
It depends on what you are going to draw and animate. If you have a finished model like a garage and you want to animate parts of it SVG would be preferable in this case, because SVG has a DOM Model to access specific parts of your drawing. In canvas you would have to redraw or save multiple states, because canvas consists of pixels instead of vectors.

Additionaly with SVG your graphics scale nicely where as canvas you have to take into account the size of the device.

Regards
Bitte warten ..
Mitglied: Kraemer
24.08.2016 um 09:49 Uhr
Zitat von 94451:
und hier steht NICHTS im Widerspruch!
Doch. Du willst kein JS wegen der Performance und willst dann doch JS einsetzen, um etwas zu bewegen - und das obwohl das grundsätzlich nicht nötig ist. Du findest im Internet einen Haufen Tutorials, die zeigen, das mit SVG und ohne JS Animationen möglich sind.
Wenn du aber Animationen hast, die sich ohne JS nicht realisieren lassen, dann brauchst du JS auch nicht grundsätzlich zu verteufeln. Dann macht es nämlich mehr Sinn, sich an eine Technik zu halten.
Natürlich kann man - und das ist meistens sinnvoll - Techniken mischen. Ich habe aber deinen Eingangspost allerdings so verstanden, dass du das eigentlich nicht willst - und dann doch.

Gruß Krämer
Bitte warten ..
Ähnliche Inhalte
C und C++
Vektoren und Zeiger
gelöst Frage von How-ToC und C++3 Kommentare

Hallo zusammen, kann mir jemand den Unterschied zwischen - vector<MeineKlasse *> meinVektor; und - vector<MeineKlasse> * meinVektor; erklären? Irgendwie ...

C und C++

Push back in einen mehrdimensionalen Vektor

Frage von How-ToC und C++1 Kommentar

Hallo zusammen, es geht um folgendes Problem. Ich habe z.B. zwei Variablen vom Typ string und würde diese gern ...

Vmware

Unterschied zwischen integrierten HTML5 Client in Vcenter 6.5 und der HTML5 Webclient Appliance

Frage von askandoVmware

Kann mir jemand sagen was gerade der Unterschied zwischen den beiden HTML5 Clients ist? Wenn ich einen Vcenter 6.5 ...

HTML

HTML5 und PHP Datenverarbeitung

Frage von 94451HTML8 Kommentare

Hier mal ne Grundsätzliche Frage: ich möchte gerne ein tool bauen mit dem ich (SQL) Tabellen lesen und Bearbeiten ...

Neue Wissensbeiträge
Windows 10

USB Maus und Tastatur versagen Dienst unter Windows 10

Erfahrungsbericht von hardykopff vor 1 TagWindows 105 Kommentare

Da steht man ziemlich dumm da, wenn der PC sich wegen fehlender USB Tastatur und Maus nicht bedienen lässt. ...

Administrator.de Feedback
Update der Seite: Alles zentriert
Information von Frank vor 1 TagAdministrator.de Feedback18 Kommentare

Hallo User, die größte Änderung von Release 5.8 ist das Zentrieren der Webseite (auf großen Bildschirmen) und ein "Welcome"-Teaser ...

Humor (lol)

WhatsApp-Nachrichten endlich auch per Bluetooth versendbar

Information von BassFishFox vor 2 TagenHumor (lol)4 Kommentare

Genau darauf habe ich gewartet! ;-) Der beliebte Messaging-Dienst WhatsApp erhält eine praktische neue Funktion: Ab dem nächsten Update ...

Google Android

Googles "Android Enterprise Recommended" für Unternehmen

Information von kgborn vor 2 TagenGoogle Android3 Kommentare

Hier eine Information, die für Administratoren und Verantwortliche in Unternehmen, die für die Beschaffung und das Rollout von Android-Geräten ...

Heiß diskutierte Inhalte
Windows Netzwerk
WSUS4 und Windows 10 Updates automatisch installieren
Frage von sammy65Windows Netzwerk15 Kommentare

Hallo miteinander, ich habe mit einen neuen WSUS Server aufgesetzt Server 2016 darauf einen aktuellen WSUS. Grund, wir stellen ...

Speicherkarten
Vergessliche USB-Sticks?
Frage von hanheikSpeicherkarten14 Kommentare

Ich habe in den letzten Tagen 500 USB-Sticks mit Bilddateien bespielt. Obwohl ich die Dateien mit größter Sorgfalt kopiert ...

Windows Server
NTFS Berechtigungen Ordnerstruktur
Frage von hukahu23489Windows Server11 Kommentare

Hallo, ich bin seit kurzem in einer neuen IT-Abteilung und bin über das Berechtigungskonzept des Unternehmens sehr schockiert. Ich ...

Hyper-V
Hyper-V mit altem XEON-Server. Was ist falsch?
Frage von LollipopHyper-V11 Kommentare

Hallo Bin etwas frustriert. Kleinbetrieb, ca. 15 PC's, 2 Stk. Server mit einigen virtuellen PC's für Fernwartung, VaultServer für ...