Fabric.js

Temelde, Fabric.js vb SVG görüntüleri, düzenleme ve işleme şekilleri, ithal, nesneleri ekleme, canlı çizim gibi, hakkında herhangi bir HTML5 tuval manipülasyon için kullanılabilir ..

Bu işlevselliği üzerine, muhtemelen önemli, built-in SVG-to-tuval ayrıştırıcı ayrıca geliştiricilerin kolayca daha önce HTML 5 tuval içine SVG grafikleri inşa ediyoruz göç veriyor.

Bu, bu grafik üzerinde daha fazla kontrol sağlayan, erişim geliştiriciler yoktu.

Daha karmaşık açısından Fabric.js DOM HTML sayfaları için tıpkı HTML 5 tuval öğesinin üstüne inşa interaktif bir nesne modeli olarak kabul edilebilir.

Fabric.js hem istemci tarafında çalışır (tarayıcılar) ve sunucu tarafında (node.js) ortamları.

Bu sürümdeki yeni nedir :

• GERİ UYUMSUZLUKLARI:
• JSON ve Cufon artık varsayılan yapı içerdiği
• Değiştir varsayılan nesnelerin originX / originY / üstten sola
• fabric.StaticCanvas # backgroundImage ve fabric.StaticCanvas # overlayImage fabric.Image örnekleridir. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ve fabric.StaticCanvas # overlayImageTop çıkarıldı.
• fabric.Text # backgroundColor şimdi fabric.Object # backgroundColor
• Kaldır fabric.Object # toGrayscale ve fabric.Object # overlayFill onlar çok özel olduğun
• biz zaten fabric.Image.filters.Grayscale o mantık beri fabric.StaticCanvas.toGrayscale çıkarın.
• özellikleri centeredScaling ve centeredRotation böler centerTransform. Nesne döndürme şimdi gerçek centeredRotation = SÜRECE originX / originY noktası çevresinde olur. Nesne ölçeklendirme artık olmayan merkezli olur centeredScaling = true.
SÜRECE

1.5.0 sürümünden yeni Nedir:

• GERİ UYUMSUZLUKLARI:
• JSON ve Cufon artık varsayılan yapı içerdiği
• Değiştir varsayılan nesnelerin originX / originY / üstten sola
• fabric.StaticCanvas # backgroundImage ve fabric.StaticCanvas # overlayImage fabric.Image örnekleridir. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ve fabric.StaticCanvas # overlayImageTop çıkarıldı.
• fabric.Text # backgroundColor şimdi fabric.Object # backgroundColor
• Kaldır fabric.Object # toGrayscale ve fabric.Object # overlayFill onlar çok özel olduğun
• biz zaten fabric.Image.filters.Grayscale o mantık beri fabric.StaticCanvas.toGrayscale çıkarın.
• özellikleri centeredScaling ve centeredRotation böler centerTransform. Nesne döndürme şimdi gerçek centeredRotation = SÜRECE originX / originY noktası çevresinde olur. Nesne ölçeklendirme artık olmayan merkezli olur centeredScaling = true.
SÜRECE

sürümünde 1.4.13 yeni Nedir:

• GERİ UYUMSUZLUKLARI:
• JSON ve Cufon artık varsayılan yapı içerdiği
• Değiştir varsayılan nesnelerin originX / originY / üstten sola
• fabric.StaticCanvas # backgroundImage ve fabric.StaticCanvas # overlayImage fabric.Image örnekleridir. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft ve fabric.StaticCanvas # overlayImageTop çıkarıldı.
• fabric.Text # backgroundColor şimdi fabric.Object # backgroundColor
• Kaldır fabric.Object # toGrayscale ve fabric.Object # overlayFill onlar çok özel olduğun
• biz zaten fabric.Image.filters.Grayscale o mantık beri fabric.StaticCanvas.toGrayscale çıkarın.
• özellikleri centeredScaling ve centeredRotation böler centerTransform. Nesne döndürme şimdi gerçek centeredRotation = SÜRECE originX / originY noktası çevresinde olur. Nesne ölçeklendirme artık olmayan merkezli olur centeredScaling = true.
SÜRECE

sürümünde 1.3.0 yeni Nedir:

• Kaldır seçilebilir, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind varsayılan nesne / nesneler json temsilinden.
• Nesne döndürme şimdi originX / originY nokta etrafında olur SÜRECE centerTransform = true.
• fabric.Text # textShadow kaldırıldı -. Yeni fabric.Text.shadow özelliği (fabric.Shadow türü)
• fabric.BaseBrush gölge özellikleri bir özellik birleştirilir = & # x3e vardır; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY artık mevcut).
• fabric.Path.fromObject artık uyumsuz olduğunu. fabric.Canvas # loadFromDatalessJSON önerilmiyor.

nedir sürümü 1.2.0 Yeni:.

• fabric.Object # toDataURL senkron olun
• fabric.Text # strokeStyle - & # x3e; diğer nesnelerle tutarlılık fabric.Text # inme,.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ('aktif', ...). fabric.Object.isActive gitti (fabric.Object.active kullanmak yerine).

Gereksinimleri

• JavaScript istemci tarafında etkin
• sunucu tarafı ortamları için 0.6 veya daha yüksek node.js