Tag: fabricjs
Fabric.js ist ein HTML5-canvas-Bibliothek, die Bereitstellung eines Objektmodells für Leinwände, eine SVG-canvas-renderer und eine Leinwand-zu-SVG-parser.
1
Antworten
Haben das folgende Problem: Versucht Unterklasse Stoff.Gruppe: var CustomGroup = fabric.util.createClass(fabric.Group, { type : 'customGroup', initialize : function(objects, options) { options || ( options = { }); this.callSuper('initialize', objects, options); this.set('customAttribute', options.customAttribute || 'undefinedCustomAttribute'); }, toObject :
1
Antworten
Ich bin der Planung über die Verwendung Frabic.js zu bauen, ein Zimmer-layout. Es handelt sich um ein grid-layout (raster-Größe: 25) mit den Objekten das einrasten in position. Ich versuche zu überschreiben, ändern der Größe von Veranstaltungen, um
5
Antworten
Ich bin Zeichnung n Rechtecke auf eine Leinwand. Die Rechtecke sind ziehbar und skalierbar. Ich möchte verhindern, dass Sie überlappen oder schneiden. Der beste Fall ist, wenn Sie nur snap auf einander. Ich herausgefunden zu überprüfen, um
3
Antworten
Ich versuche zur Skalierung eines Bildes mit der centeredScaling: true option beim einrichten der Image-Instanz. Ich habe Circle-Objekt, das eine "auf" ein regler, der soll die Waage. Hier ist das Beispiel: http://jsfiddle.net/hellatan/tk1qs8ty/ Ein paar Dinge: 1. es
2
Antworten
ich bin mit fabric.js arbeiten auf Leinwand . erstellt habe ich den text auf der Leinwand .nun,onclick der Schaltfläche möchte ich erhöhen font-size . canvas.set({fontSize,40}); ist dies nicht funktioniert ? jede andere Methode .die ich erstellt habe,
3
Antworten
Hallo ich möchte hinzufügen, löschen-Taste in Elements mit FabricJS. Ich Habe ein Beispiel: Ich versuche, das hinzufügen dieser Teil des Codes aber wenn ich die Größe ändern Bild die Schaltfläche löschen, bleiben nicht am Platz. http://jsfiddle.net/wxao1on8/13/ function
4
Antworten
Ich verwende overlay-Bild auf meinem Fabric.js und es wird Hinzugefügt, wie hier: canvas.setOverlayImage('image.png', canvas.renderAll.bind(canvas)); Mein problem ist, dass ich nicht finden können, um die Methode zu entfernen Sie es von der Leinwand. Das entfernen von Objekten, die
1
Antworten
Habe ich eine Leinwand, wo der Benutzer kann erstellen Sie ein design mit Hilfe von Bildern, die in einem anderen div dass Sie klicken Sie auf, senden Sie es an die Fabric.js Leinwand, wo wird es bewegt
2
Antworten
Ich bin mit fabric.js für meine Leinwand-Anwendung, toDataURL Methode funktioniert einwandfrei, außer, wenn es ein Bild auf Leinwand. Wenn ich ein Bild auf eine Leinwand und nennen toDataURL es zeigt mir eine leere Seite. //When i call
2
Antworten
Konnte niemand wissen, wie sich zu drehen um einen bestimmten Punkt in fabric.js? Zum Beispiel, var line1 = new fabric.Line([70, 20, 70, 100], { stroke: "#000000", strokeWidth: 6 }); Möchte ich, um es zu drehen, basierend auf
5
Antworten
Möchte ich nutzen, fabricjs in meinem Projekt. Ich installierte fabricjs mit Laube und verknüpft index.html. aber es funktioniert nicht. Bitte sehen Sie sich den untenstehenden code. index.html <html> <head> <script>document.write('<base href="' + document.location + '" />'); </script>
4
Antworten
Im Versuch, ein benutzerdefiniertes Attribut hinzufügen zu einer fabric js-Objekt, das ich habe: var trimLine = new fabric.Rect({ width: Math.round(obj.box_dimensions.box.width,2), height: Math.round(obj.box_dimensions.box.height,2), strokeWidth: 1, stroke: 'rgb(255,2,2)', fill: '', selectable: false }); also das ist mein Rechteck im
4
Antworten
Habe ich eine Fabric.js canvas und ich will zur Umsetzung der full-canvas-panning-software-Pakete in der Regel mit einem "hand" - tool. Es ist, wenn Sie drücken Sie eine der Maustasten, dann bewegen sich über die Leinwand, während Sie
1
Antworten
Ich bin mit den hervorragenden Fabric.js zum zeichnen von text in canvas. Wenn ich ein benutzerdefiniertes Format angeben ( sagen wir ein 200x200 Pixel großes Rechteck), um meine IText Objekt, es scheint, dass Farbric.js Kraft, die Breite
2
Antworten
Wie man eine Objekt-id in fabricjs? Zum Beispiel var text = new fabric.IText('hello world', { left: mouse1X, top: mouse1Y }); ID = text.get??? Diese Kennung sollte vorhanden sein, in JSON.stringify(canvas) canvas.loadFromJSON() Kennung sollte vorhanden sein, in das
1
Antworten
Habe ich ein Bild geladen mit Stoffen Stoff.Bild.fromURL fabric.Image.fromURL($scope.image, function(oImg) { oImg.set({width: $scope.imageWidth, height: $scope.imageHeight, originX: 'left', originY: 'top', selectable: false}); canvas.add(oImg); canvas.centerObject(oImg); canvas.renderAll(); oImg.sendToBack(); }); Was ich jetzt machen möchte ist, ich habe ein rotation-Taste auf
4
Antworten
Ich habe versucht, halten Sie ein Objekt (errichtet im Gewebe-js über eine Leinwand) innerhalb der Grenzen, die in allen Zeiten. Es wurde erreicht, die beim verschieben und drehen. Ich nahm die Hilfe von Bewegen Objekt im canvas-Grenze
5
Antworten
Gibt es eine Möglichkeit zu erhalten, klicken Sie rechts Maus-Ereignisse auf einem Fabric.js Leinwand? Der folgende code funktioniert nur mit der linken Maustaste: canvas.observe('mouse:down', function(){console.log('mouse down')); Just watch für das click-Ereignis auf die Leinwand (nicht über Stoff,
3
Antworten
Ich versuche, um Punkte hinzuzufügen, um ein Pfad-Objekt dynamisch. Wenn ich das mache, ist der Pfad richtig gerendert wurde, aber das umschließende Rechteck wird nie aktualisiert, wodurch es fast unmöglich für einen Benutzer zu wählen und bewegen
1
Antworten
Wie set X -, Y-Koordinaten in canvas-Bild? context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); e.g: sx und sy im HTML-canvas drawImage () - Methode. Was ist ähnlich wie dies in fabric.js? Wie legen Sie position im Bild in Leinwand, Stoff js? InformationsquelleAutor Kavan
1
Antworten
Hier bin ich versucht zu skalieren Leinwand Hintergrundbild dynamisch.Klicken Sie auf .set_bg_images ich bin einrichten die Leinwand Hintergrundbild dynamisch seine Arbeit gut, und ich habe Hinzugefügt-Taste change_scale auf klicken Sie auf diese Schaltfläche, bin ich versucht zu
4
Antworten
Habe ich eine Fabric.js Prototyp, wo die Leute laden können Fotos, text und Karten in den canvas-Bereich. Wenn Sie fertig sind, möchte ich Ihnen speichern zu können, die Leinwand wie ein Bild. Ich habe versucht, mit dem
2
Antworten
Ich bin derzeit auf der Entwicklung einer Anwendung auf einem mobilen Gerät (android und iPhone) mit ionic und cordova. Ich möchte ein Bild zu Bearbeiten. Ich benutze fabric.js Bibliothek zu tun. Fabric.js konvertiert ein Bild und andere
2
Antworten
Habe ich einen Kreis gerendert wird, in fabric.js version 1.6.0-rc.1: var circlePatrol = new fabric.Circle({ top: 300, left: 180, radius: 200, strokeDashArray: [10, 10], stroke: 'black', strokeWidth: 10, fill: 'white', opacity: 0.2 }); Möchte ich den hintergrund
3
Antworten
Ich will, dass, um einen Prozess zu erstellen, wo der Benutzer kann seine Bilder hochladen und dann Bearbeiten Sie diese in den browser ein Canvas mit Fabric.js mit einigen Tasten, welche verwendet Fabric.js fügen Sie einige Effekte.
1
Antworten
Ich bin etwas zu bauen wie die kitchensink Beispiel, außer, dass ich in der Lage sein müssen, mehrere Ansichten. http://fabricjs.com/kitchensink Visitenkarte: Vorder-und Rückseite Beim Bearbeiten Speichere ich die JSON-periodisch. Wenn Sie möchten, Bearbeiten Sie die zurück, ohne
3
Antworten
Sagen wir, ich habe eine Leinwand mit 6-Objekte und eine Schaltfläche außerhalb des canvas-Bereichs. Wenn ich auf diese Schaltfläche klicken, 3 dieser Objekte zu einer Gruppe und ausgewählte Objekte behalten Ihre Positionen relativ zur Leinwand. Ist das
5
Antworten
Ich versuche, fügen Sie die undo/redo-Funktionalität, um meine Fabric.js canvas. Meine Idee ist, einen Zähler, der zählt Leinwand Modifikationen (jetzt es zählt die addition der Objekte). Ich habe eine state-array, der schiebt die ganze Leinwand als JSON
1
Antworten
Ich habe ein canvas-element, und ich erstellen Gewebe Objekt aus. Nun möchte ich die Hintergrundfarbe ändern sich dynamisch. Das folgende funktioniert nicht für mich. var x; x = new fabric.Canvas("mycanvas", { backgroundColor : "#fff", selection: true });
2
Antworten
Verwenden Fabric.js ich arbeite mit einem text-Objekt, dass ich mit dem Namen header. Wenn der header-Bereich ausgewählt wird ein div eingeblendet, mit zwei input-Felder, die verwendet werden können, um text und füllen. Das ist für mich arbeiten.
7
Antworten
Ich bin für das Klonen von ausgewählten Objekts auf eine Leinwand in Fabric.js über eine einfache Funktion. function duplicateObj() { var obj = canvas.getActiveObject(); var clone = fabric.util.object.clone(obj); clone.set({left: 100,top: 100}); canvas.add(clone); } Funktioniert absolut in Ordnung.
3
Antworten
Normalerweise die position eines Objekts relativ zum canvas geholt werden können von der .left und .top Attribute, aber diese werden relativ zu der Gruppe, wenn das Objekt in einer Auswahl/Gruppe. Gibt es einen Weg, um Ihre relative
2
Antworten
Fabric.js hat dieses wirklich Coole Aspekt, wo es erlaubt standardmäßig alle Objekte, die zu "wählbar", was bedeutet, dass Sie in der Lage sind, um verschoben zu werden, in der Größe verändert und gedreht werden. Allerdings würde ich
1
Antworten
Möchte ich Bearbeiten Sie die hervorgehobenen Zeichen in einem text im canvas-Bereich mithilfe fabric.js wie ändern Sie seine Farbe, schriftart, Stil, etc. genau wie dieser http://fabricjs.com/test/misc/itext.html zu @user43250937 hey uhm. Ich versuchte es und es funktioniert! 😀
1
Antworten
Ich versuche das speichern von Daten im JSON-Format und laden Sie Sie zurück in den canvas-Bereich mit fabric.js ich bekomme den Fehler likep mit den folgenden einfachen code: canvas.add(new fabric.Rect({ width: 50, height: 50, fill: 'red', top:
4
Antworten
Ich habe ein problem mit .toDataURL() für die große Leinwand. Ich möchte enconde in base64 - und entschlüsseln in php Datei, aber wenn ich eine große Leinwand die strDataURI variable leer ist. Mein code: var strDataURI =
3
Antworten
Möchte ich download Canvas als PNG mit fabric.js. Beim Download ich möchte, um das Bild zu skalieren. Also ich benutze multiplier Eigenschaft von toDataURL() Funktion. Aber ich bekomme Gescheitert-Netzwerk Fehler PS:, Wenn ich nicht geben multiplier Eigentum,es
2
Antworten
Ich bin SEHR unerfahren in webdev, aber hier mache ich eine website. Im mit Fabric.js und ein Skript aus einer Antwort von stackoverflow so dass die Benutzer können ziehen Sie ein Bild von einem div in ein
3
Antworten
Ich soll zum zeichnen von text auf der Leinwand., wie es jedem Beispiel? Die Leinwand enthält bereits einige Form gezogen, ich will zum anzeigen von text auf der Oberseite des Form auf Leinwand Wie kann ich es
1
Antworten
Dieses Rechteck erstellt habe ich auf Leinwand mit fabicjs , nun auf die Veränderung der text-box, die ich einstellen will, Rahmenbreite . ich habe versucht, folgenden, sondern seine nicht funktioniert. image[img] = new fabric.Rect({ top : 100,
3
Antworten
Hey Leute, ich arbeite an einer Anwendung, die verwendet Fabric.js. Fabric.js API: http://fabricjs.com/docs/symbols/fabric.Object.html Ich muss in der Lage sein zu ändern die füllen der Rechteck, dass ich als hintergrund. Verwende ich Leinwand.getActiveObject () - ändern Sie die
1
Antworten
Möchte ich hinzufügen, Bilder/Symbole, um meinen Stoff Leinwand. Den code auf dem Stoff demo nicht funktioniert. fabric.Image.fromURL('my_image.png', function(oImg) { canvas.add(oImg); }); Dies ist meine gesamte Leinwand leer. Ich möchte hinzufügen, Symbole als klickbare Elemente, die auf Ereignisse
2
Antworten
Arbeite ich auf einer Leinwand die Zeichnung Projekt. Ich konvertiere die Leinwand wie ein Bild, dann Speichere ich das Bild als".png'. Ich habe auf der rechten Maustaste auf das Bild und wählen 'Bild speichern als" option. Aber
1
Antworten
Möchte ich erstellen ein Bild-Objekt in fabric.js von ImageData Objekt, die wir bekommen können Bilddaten von diesem: var imgData=ctx.getImageData(10,10,50,50); //ctx.putImageData(imgData,10,70); //something liket that var image = new fabric.Image.fromImageData (...); Gibt es irgendeine Möglichkeit erstellen ein Bild-Objekt aus
1
Antworten
Bin ich erstellen, eine Anwendung für das T-shirt customization, in dem ich die Leinwand auf das Bild mit CSS, aber das problem ist das speichern, Bild als Leinwand. toDataURL gibt nur einen Teil der canvas-Bereich, aber ich
2
Antworten
Ich bin neu in JavaScript und arbeite mit diesem code verwenden Fabric.js so erstellen Sie mehrere Bilder mit dem klicken einer Taste. Ich habe das folgende code aus einem anderen Beitrag, die erlaubt, Formen, aber ich kann
4
Antworten
Hatte ich geladen Bild in canvas-Stoff.Bild.fromURL und arbeitet problemlos mit Standard-Bildbreite und-Höhe. Jetzt will ich minimieren Breite und Höhe eines Bildes. Wie Sie dies tun? Vielen Dank im Voraus. InformationsquelleAutor user1584122 | 2012-09-12
2
Antworten
ist es möglich, IMMER die Mitte eines Objekts an einem fabricjs Leinwand? Hintergrund: ich Baue eine webtools, die es leicht macht, die das erstellen komplexer Animationen mit fabricjs. Ich möchte in der Lage sein, um die canvas-Größe
1
Antworten
ich arbeite an einer web-app, die Benutzern ermöglichen, erstellen Sie dynamische Diashow. Ich habe aktuell ein Problem, unabhängig davon, wie Sie auf hinzufügen Bild von der computer-Benutzer auf die Leinwand. Ich bin mit einem input-button, um die
2
Antworten
Habe ich eine Leinwand gezogen Fabric.js dass ich bin das hinzufügen einer Gruppe von Rechtecken an, ich will zu begrenzen, werden die Kanten dieser Rechtecke in einer Gruppe gehen Sie nicht außerhalb eines bestimmten Gebietes. Vorstellen, dass