Malerei Formen in Javascript
https://stackoverflow.com/questions/949249
-
09-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Gibt es eine gute Alternative zu der html5-Elemente Leinwand Formen wie Sechsecken zu malen mit Javascript, die Cross-Browser funktioniert (einschließlich der schrecklichen IE6)?
Ich habe mit jQuery und jQuery maphighlight für diese, aber es gibt mir nicht genug Möglichkeiten, die Formen und Farben zu manipulieren, nachdem es zuerst gerendert wird.
Bin ich einige Funktionen in jQuery maphighlight fehlen, oder gibt es andere Plugin für entweder jQuery oder Mootools, die mich mit dieser Malerei Fähigkeiten zur Verfügung stellen kann?
Lösung
Sie sollten einen Blick auf RaphaelJS nehmen. Es ist ein JavaScript, um Cross-Browser-Wrapper-Bibliothek um Canvas, SVG und VML (IE-only Vector Markup Language, die SVG früher, verwendet in IE6). Mit RaphaelJS, können Sie ein sehr breites Spektrum von Vektorgrafiken generieren JS, der mit einer sehr breiten Palette von Browsern kompatibel ist.
RaphaelJS ist auch sehr kompatibel mit jQuery, und folgt eine Menge von dem gleichen Anruf-Chaining, die Sie in jQuery zu sehen. Die beide ein großes Paar machen.
Andere Tipps
Es gibt auch die berühmte Leinwand Maler.
Versuchen Sie Raphael .
Raphaël unterstützt derzeit Firefox 3.0+, Safari 3.0+, Opera 9.5+, Chrome 2.0+ und Internet Explorer 6.0 oder höher.
ich immer wie die prossessing Port Javascript. Sie können die hier es sehr gut ist, Sachen zu zeichnen. Vielleicht können Sie es überprüfen. Es ist kein Add-on zu jquery aber es ist sehr mächtig.
Es macht das HTML5-Canvas-Element verwenden, wenn: (
Einige Versionen vor es funktionierte nur in den neuen Browsern. Ich weiß nicht, ob es bereits zu den vorherigen portiert wurde.
Eine andere API die ich gefunden habe, die divs verwendet zieht zu machen, ist diese ein Wenn Sie begrenzte Sachen zu ziehen, es ist ok, es zu benutzen. Aber Vorsicht, wie wenn die Menge der Ziehungen zu erhöhen, die scture des HTML bekommt ein bisschen schwer
Sie können SVG Implementierung verwenden Sie in Ample SDK , die auch im Internet Explorer funktioniert. Sie erhalten Standard-basierte API (DOM Level 2/3) und eine Markup-Notation (SVG1.2 Tiny).
Hier ist ein Paar Beispiele:
