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.

Fabric.js Unterklassen Stoff.Gruppe - Fehler: "Cannot read property 'async' of undefined" beim laden von JSON

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 :

Größenänderung von Objekten in Fabric.js

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

fabricjs javascript

Verhindern Sie Zusammenstoß-oder Schnittpunkt der canvas-Objekte

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

canvas collision-detection fabricjs html5-canvas intersection

Skalierung Bild von der Mitte (fabricjs)

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

canvas fabricjs javascript

mit fabric.js erhöhen Schriftgrad des canvas text auf button klicken

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,

css fabricjs html javascript jquery

Hinzufügen, Löschen-Taste auf element im Canvas-Gewebe JS

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

fabricjs javascript jquery

Wie remove overlay-Bild aus Fabric.js Leinwand?

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

canvas fabricjs javascript

Neu Fabric.js Leinwand und als Bild exportieren?

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

canvas css fabricjs html javascript

fabric.js - toDataURL zeigt leere Seite, wenn es ein Bild ist auf Leinwand

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

canvas fabricjs html5 html5-canvas javascript

wie zum drehen um einen bestimmten Punkt in fabric.js?

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

canvas fabricjs javascript

Wie zu verwenden / include fabricjs in Angular2

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>

angular fabricjs javascript typescript

hinzufügen von benutzerdefinierten Attributen zu fabricjs Objekt

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

canvas fabricjs javascript

Wie die Umsetzung Leinwand schwenken mit Fabric.js

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

canvas fabricjs javascript panning

Fabric.js : gewusst Wie: festlegen einer benutzerdefinierten Größe in Text-oder IText?

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

fabricjs javascript

Wie man eine Objekt-id in fabricjs?

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

fabricjs

Stoff js drehen Sie ein Bild, nachdem es geladen wurde mit Stoff.Bild.fromURL

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

fabricjs html5-canvas javascript

Verhindern, dass Gewebe-js-Objekte von der Skalierung aus dem canvas-Grenze

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

fabricjs html5-canvas javascript

Fabric.js der rechten Maustaste

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,

canvas fabricjs javascript

Update fabric.js Pfad dynamisch

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

fabricjs javascript svg

Stoff JS: Set X-Y-Koordinaten in Canvas-Bild | Set Position in Leinwand Bild

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

canvas fabricjs html5 html5-canvas javascript

Maßstab Leinwand Hintergrundbild dynamisch, mit fabric.js

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

fabricjs html5-canvas

Wie zu verwenden Fabric.js so speichern Sie ein Bild als ein Bild

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

canvas cors fabricjs javascript todataurl

fabric.js Größe Leinwand auf den Bildschirm passt

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

android canvas cordova fabricjs javascript

Fabric.js - Transparenter hintergrund auf die Form " Kreis mit Strich/Rand

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

fabricjs javascript

Wie zum hochladen von einem Bild auf eine Leinwand, mit Fabric.js?

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.

fabricjs html5 html5-canvas javascript jquery

Reset Leinwand und laden mit JSON in Fabric.js

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

canvas fabricjs html5-canvas

Erstellen und auswählen einer Gruppe, die programmgesteuert mit Fabric.js

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

fabricjs

Undo-Redo-für Fabric.js

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

arrays fabricjs javascript

Zum ändern der Leinwand Hintergrundfarbe, während mit fabric js

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 });

fabricjs html5-canvas javascript

Fabric.js Objekt:ausgewählte, Objekt nicht ausgewählt

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.

angularjs fabricjs jquery

Klonen von Objekten in Fabric.js

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.

fabricjs html5-canvas

Wie man das canvas-relative position eines Objekts, das in einer Gruppe?

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

fabricjs javascript

Machen Fabric.js Objekt ziehbar, aber nicht "wählbar"

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

fabricjs javascript

So Bearbeiten Sie eine FabricJS IText und neue Arten anwenden (z.B. Hervorhebungen, etc...)

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! 😀

canvas fabricjs javascript

Laden von JSON-in-canvas mit fabric.js

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:

canvas fabricjs javascript json

canvas.toDataURL() für die große Leinwand

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 =

canvas fabricjs html5-canvas

Download Bild als PNG in fabric.js geben Netzwerk-Fehler

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

canvas fabricjs html javascript

Warum bekomme ich immer "Cannot call method 'addEventListener' null"?

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

css fabricjs html javascript jquery

Zeichnen von text auf Leinwand mit fabric.js

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

canvas draw fabricjs text

ändern der Rahmenbreite von Rect in fabricjs

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,

canvas fabricjs html javascript jquery

Fabric.js - Ändern Rechteck Füllen

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

canvas fabricjs html5 javascript

Wie Bild hinzufügen, um Stoff Leinwand?

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

canvas fabricjs html javascript

Wie man browser "Bild speichern unter" option-Taste

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

fabricjs javascript jquery

fabric.js - erstellen Sie Image-Objekt aus dem ImageData-Objekt des canvas-API

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

canvas fabricjs javascript

Wie speichern Sie Bild auf Leinwand in fabric.js

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

canvas fabricjs html5-canvas javascript

Hinzufügen von Bildern mit Fabric.js

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

fabricjs image javascript

wie legen Sie die Höhe und Breite des Bildes in fabric.js?

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

fabricjs

FabricJS: Immer Zentrum Objekt auf Leinwand

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

fabricjs html5 html5-canvas javascript

Bild hinzufügen von Benutzer-computer auf die Leinwand

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

canvas fabricjs html5 javascript jquery

Fabric.js Clip-Leinwand (bzw. die Objektgruppe) , Polygon

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

canvas fabricjs html5 javascript php