Fabric.js

В принципі, Fabric.js можуть бути використані для майже будь-якої маніпуляції полотно HTML5, як живий малюнок, додаючи об'єкти, імпорт SVG зображення, редагування і обробка форм і т.д ..

На вершині цієї функціональності, ймовірно, не менш важливо, вбудований SVG-на полотні аналізатор також дозволяє розробникам легко переносити вони раніше побудованих SVG графіки в HTML 5 полотні.

Це гарантує більший контроль над цими графіки, розробники доступу не мають, поки вони були в форматі SVG.

В більш складних умовах Fabric.js можна розглядати як інтерактивний об'єкт-моделі, побудованої на вершині HTML 5 полотно елемента, так само, як DOM для HTML сторінок.

Fabric.js працює як з клієнтської сторони (браузери) і на стороні сервера (Node.js) середовища.

Що нового в цьому випуску

• назад НЕСУМІСНІСТЬ:
• JSON і Cufon більше не входить в лад замовчуванням
• об'єкти змінюють Default 'originX / originY наліво / верхня
• fabric.StaticCanvas # BackgroundImage і fabric.StaticCanvas # overlayImage є fabric.Image екземпляри. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft і fabric.StaticCanvas # overlayImageTop були видалені.
• fabric.Text # BackgroundColor тепер fabric.Object # BackgroundColor
• Видалити fabric.Object # toGrayscale і fabric.Object # overlayFill так як вони занадто специфічні
• Видалити fabric.StaticCanvas.toGrayscale так як ми вже цю логіку в fabric.Image.filters.Grayscale.
• Split centerTransform в властивості centeredScaling і centeredRotation. Обертання об'єкта відбувається зараз навколо originX / originY точки, якщо centeredRotation = True. Масштабування об'єкта відбувається зараз, не по центру хіба centeredScaling = вірно.

Що нового у версії 1.5.0:

• назад НЕСУМІСНІСТЬ:
• JSON і Cufon більше не входить в лад замовчуванням
• об'єкти змінюють Default 'originX / originY наліво / верхня
• fabric.StaticCanvas # BackgroundImage і fabric.StaticCanvas # overlayImage є fabric.Image екземпляри. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft і fabric.StaticCanvas # overlayImageTop були видалені.
• fabric.Text # BackgroundColor тепер fabric.Object # BackgroundColor
• Видалити fabric.Object # toGrayscale і fabric.Object # overlayFill так як вони занадто специфічні
• Видалити fabric.StaticCanvas.toGrayscale так як ми вже цю логіку в fabric.Image.filters.Grayscale.
• Split centerTransform в властивості centeredScaling і centeredRotation. Обертання об'єкта відбувається зараз навколо originX / originY точки, якщо centeredRotation = True. Масштабування об'єкта відбувається зараз, не по центру хіба centeredScaling = вірно.

Що нового у версії 1.4.13:

• назад НЕСУМІСНІСТЬ:
• JSON і Cufon більше не входить в лад замовчуванням
• об'єкти змінюють Default 'originX / originY наліво / верхня
• fabric.StaticCanvas # BackgroundImage і fabric.StaticCanvas # overlayImage є fabric.Image екземпляри. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft і fabric.StaticCanvas # overlayImageTop були видалені.
• fabric.Text # BackgroundColor тепер fabric.Object # BackgroundColor
• Видалити fabric.Object # toGrayscale і fabric.Object # overlayFill так як вони занадто специфічні
• Видалити fabric.StaticCanvas.toGrayscale так як ми вже цю логіку в fabric.Image.filters.Grayscale.
• Split centerTransform в властивості centeredScaling і centeredRotation. Обертання об'єкта відбувається зараз навколо originX / originY точки, якщо centeredRotation = True. Масштабування об'єкта відбувається зараз, не по центру хіба centeredScaling = вірно.

Що нового у версії 1.3.0:

• Видалити обрані, HasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind з замовчуванням об'єкта / JSON представлення об'єктів.
• обертання об'єкта в даний час відбувається навколо точки originX / originY ЯКЩО centerTransform = вірно.
• fabric.Text # textShadow був видалений -. Нова властивість fabric.Text.shadow (тип fabric.Shadow)
• fabric.BaseBrush тіньові властивості об'єднуються в одну властивість = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY більше не існують).
• fabric.Path.fromObject тепер асинхронний. fabric.Canvas # loadFromDatalessJSON застаріло.

Що нового у версії 1.2.0 :.

• Зробити fabric.Object # toDataURL синхронно
• fabric.Text # StrokeStyle - & # x3e; fabric.Text # інсульт, для сумісності з іншими об'єктами.
• fabric.Object.setActive (...) - & # x3e; fabric.Object.set ( "активний", ...). fabric.Object.isActive пішов (використовувати fabric.Object.active замість).

Вимоги

• включений JavaScript на стороні клієнта
• Node.js 0,6 або вище для серверних середовищ