Tag: kineticjs

KineticJS ist ein HTML5-Canvas-JavaScript-framework, das es ermöglicht, high-performance Animationen, übergänge, Knoten Verschachtelung, Schichtung, Filter, caching, event-handling für desktop-und mobile Anwendungen.

speichern eines html5-canvas-Bild in höherer Auflösung

Anzahl der Antworten 2 Antworten
Ich bin erstellen einer Website, die ermöglicht dem Benutzer das erstellen einer Szene mittels HTML5 und dem canvas-element. Ich wollte mit KinecticJS für diese, und es sieht gut aus. Aber ich habe ein Problem, ich bin wirklich

Wie schneiden Sie ein Bild mit Leinwand und Kinetic.js

Anzahl der Antworten 3 Antworten
meiner Funktion zeichnen Sie ein Bild, und ein anderes Bild auf eine andere Ebene mit Kinetic.js aber ich will Ernte im zweiten Bild mit dem Namen smsTopBg_image window.onload = function() { //INITIALISATION var stage = new Kinetic.Stage({

Mit der kineticjs, wie so drehen Sie ein Bild-Objekt in Ort?

Anzahl der Antworten 2 Antworten
Unter Berücksichtigung der folgenden code: var stage = new Kinetic.Stage({ container : "container", width : 600, height : 200 }); var layer = new Kinetic.Layer(); //one revolution per 4 seconds var angularSpeed = Math.PI / 2; var

Kinetische JS - Wie bekommt man die Koordinaten von Mitglied einer Gruppe (nach Gruppe gezogen wurde)?

Anzahl der Antworten 1 Antworten
Habe ich eine Gruppe von Kinetic.Rechteck-Objekte mit ziehbar auf true gesetzt. Egal, wie viel Sie bewegen Sie die Gruppe herum, Aufruf von rect.getX() oder rect ein.attrs.x, wo rect ist eine der Rechteck-Objekte in der Gruppe, z.B.: var

KineticJS, wie ein Bild animieren

Anzahl der Antworten 2 Antworten
Ich versuche zu animieren, ein Bild mit KineticJS auf dem Bildschirm bewegen, aber ich bekomme keine Funktion Fehler. Das Bild zeigt in Ordnung, aber es sagt immer das imageObj.verschieben ist nicht eine Funktion und ich habe keine

Umfärben einer Form, die auf mouseover mit KineticJS

Anzahl der Antworten 1 Antworten
Ich habe eine Leinwand, die halten eine mäßig große Menge von Formen (50-500). Ist es mir gelungen in der Zeichnung die Umrisse der Form möchte ich mit diesen tools: function DrawPolygon(diagramLayer, polygon) { var diagramImage = new

Nicht erfasste InvalidStateError: es wurde versucht, ein Objekt zu verwenden, das nicht oder nicht mehr, usablee

Anzahl der Antworten 1 Antworten
Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable. in dieser Zeile code ist es passiert: var nodeIconImg = new Image(); var nodeIcon = new Kinetic.Image({ image: nodeIconImg,

HTML-5-Canvas-Mouse-over-event auf dem element (show tooltip)

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Visualisierung-Projekt. Basierend auf meinen Daten, die ich Plotten Hunderte kleiner Kreis auf der Leinwand. Ich möchte hinzufügen, eine Maus über Ereignis so, dass, wenn eine Maus der umschließenden Fläche eines Kreises wird es

drag-and-drop Bild in Leinwand abwerfbaren Bereich

Anzahl der Antworten 1 Antworten
Ich Frage mich, wenn jemand könnte dies prinzipiell gehen mir durch dieses? Ich will kineticjs per drag-and-drop ein Bild von meinem desktop in den browser-canvas. Jedoch, ich will nur, um Teile der Leinwand "abwerfbaren". Zum Beispiel, wenn

Wie fügen Sie einen Zeilenumbruch innerhalb einer javascript-Variablen, die mit KineticJS?

Anzahl der Antworten 2 Antworten
Ich habe eine variable, die wie folgt aussieht: var simpleText = new Kinetic.Text({ text: 'where text goes', fontSize: 24 }); Wie kann ich einen Zeilenumbruch einfügen, wo der text geht. Ich habe versucht: text: 'where text goes

Wie kann ich verhindern, dass alle audio-Wiedergabe mithilfe von Jquery

Anzahl der Antworten 2 Antworten
Ich aktualisiere ein div innerhalb einer Seite mit Hilfe von jquery mobile, um zu spielen, einige Animationen. Die Animationen auch Spiel-sound über die Verwendung von document.createElement('audio'); Mein problem ist, wenn ich die Seite aktualisieren, um eine weitere

Konvertieren HTML5-canvas zum IMG-element

Anzahl der Antworten 1 Antworten
Ich würde gerne die Größe ändern, Strecken Sie ein HTML5-canvas in irgendwie, dass die Leinwand wirken wie ein IMG-element: Breite-Höhe von pixel -, Prozent... Frage ich mich, ob es einen Weg, um zu konvertieren/exportieren Sie eine HTML5-Leinwand,

Verständnis Canvas & KineticJS Schicht clearing

Anzahl der Antworten 3 Antworten
Fragte ich mich, wenn jemand könnte etwas Licht auf die Art und Weise, in der die Ebenen verwaltet werden, die im Canvas-Bereich und KineticJS. Ich habe Mühe zu verstehen, warum, wenn ich clear(); eine Ebene, dann verwenden

Zoom und Pan in KineticJS

Anzahl der Antworten 7 Antworten
Gibt es eine Möglichkeit, könnte man Zoomen und schwenken auf eine Leinwand mit KineticJS? Ich fand diese Bibliothek kineticjs-viewport, aber Frage mich, ob es irgendeine andere Möglichkeit, dies zu erreichen, weil dieser Bibliothek zu sein scheint, mit

Entfernen von Objekten aus einer Ebene mit KineticJS

Anzahl der Antworten 3 Antworten
Ich bin momentan ein Projekt mit KineticJS. Habe ich dynamisch erstellen und löschen von Formen, die ständig, aber kann nicht scheinen, um herauszufinden, wie um letzteres zu tun. Ich habe versucht zu tun: $ myLayer.remove(myShape) weil das

Schnelle und reaktionsschnelle interaktive Diagramme / Grafiken: SVG, Canvas, andere?

Anzahl der Antworten 4 Antworten
Ich versuche zu wählen, die richtige Technologie für die Aktualisierung ein Projekt, das im Grunde macht, die Tausende von Punkte in einer zoombaren, pannable graph. Die aktuelle Implementierung, mit Protovis, ist underperformant. Check it out hier: http://www.planethunters.org/classify

Scrollen Sie die Seite beim Ziehen mit jQuery

Anzahl der Antworten 4 Antworten
Habe ich versucht, mit kinetic.js und der code unten, aber wenn ich versuche diese in IE11 hält Sie springen an die Spitze jedes mal, wenn ich scrollen: $("html").kinetic(); Möchte ich die Seite Scrollbar auf tablets und IE10

Kineticjs gegen Raphaeljs

Anzahl der Antworten 1 Antworten
Fange ich ein neues Projekt mit HTML5. Zwei der beliebtesten grafischen toolkits sind KineticJS und RaphaelJS. Wenn Sie Erfahrung mit diesen, haben Sie irgendwelche Ratschläge? Welche Funktionen bieten Sie und ist es ein Vorteil der Verwendung einer