Fabric.js

โดยทั่วไป Fabric.js สามารถใช้สำหรับการใด ๆ เกี่ยวกับการจัดการผ้าใบ HTML5 เช่นการวาดภาพสดเพิ่มวัตถุนำเข้าภาพ SVG, การแก้ไขและการประมวลผลรูปทรง ฯลฯ ..

ด้านบนของการทำงานนี้อาจจะเป็นสิ่งที่สำคัญเป็นที่ในตัวแยกวิเคราะห์ SVG ไปผ้าใบยังช่วยให้นักพัฒนาสามารถโยกย้ายที่พวกเขากำลังสร้างขึ้นก่อนหน้านี้ SVG กราฟิกเป็น HTML 5 ผ้าใบ.

ซึ่งจะทำให้การควบคุมที่มากกว่ากราฟิกเหล่านี้นักพัฒนาเข้าถึงไม่ได้ขณะที่พวกเขาในรูปแบบ SVG.

ในแง่ที่ซับซ้อนมากขึ้น Fabric.js ถือได้ว่าเป็นวัตถุแบบโต้ตอบสร้างขึ้นบน HTML 5 องค์ประกอบผ้าใบเช่นเดียวกับ DOM ที่เป็นหน้าเว็บ HTML.

Fabric.js ทำงานร่วมกับทั้งฝั่งไคลเอ็นต์ (เบราว์เซอร์) และฝั่งเซิร์ฟเวอร์ (Node.js) สภาพแวดล้อม.

มีอะไรใหม่ ในข่าวประชาสัมพันธ์ฉบับนี้

• กลับกันไม่ได้:
• JSON และ Cufon จะไม่รวมอยู่ในการเริ่มต้นสร้าง
• วัตถุเริ่มต้นเปลี่ยน '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.
• centerTransform แยกออกเป็นคุณสมบัติ centeredScaling และ centeredRotation การหมุนวัตถุในขณะนี้เกิดขึ้นรอบ ๆ จุด originX / originY เว้นแต่ centeredRotation = true ปรับวัตถุในขณะนี้เกิดขึ้นไม่เว้นแต่เป็นศูนย์กลาง centeredScaling = true.

มีอะไรใหม่ ในรุ่น 1.5.0:

• กลับกันไม่ได้:
• JSON และ Cufon จะไม่รวมอยู่ในการเริ่มต้นสร้าง
• วัตถุเริ่มต้นเปลี่ยน '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.
• centerTransform แยกออกเป็นคุณสมบัติ centeredScaling และ centeredRotation การหมุนวัตถุในขณะนี้เกิดขึ้นรอบ ๆ จุด originX / originY เว้นแต่ centeredRotation = true ปรับวัตถุในขณะนี้เกิดขึ้นไม่เว้นแต่เป็นศูนย์กลาง centeredScaling = true.

มีอะไรใหม่ ในรุ่น 1.4.13:

• กลับกันไม่ได้:
• JSON และ Cufon จะไม่รวมอยู่ในการเริ่มต้นสร้าง
• วัตถุเริ่มต้นเปลี่ยน '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.
• centerTransform แยกออกเป็นคุณสมบัติ centeredScaling และ centeredRotation การหมุนวัตถุในขณะนี้เกิดขึ้นรอบ ๆ จุด originX / originY เว้นแต่ centeredRotation = true ปรับวัตถุในขณะนี้เกิดขึ้นไม่เว้นแต่เป็นศูนย์กลาง centeredScaling = true.

มีอะไรใหม่ ในรุ่น 1.3.0:

• ลบเลือก, hasControls, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind จากวัตถ​​ุค่าเริ่มต้น / การแสดงของวัตถุ JSON.
• การหมุนวัตถุในขณะนี้เกิดขึ้นรอบ ๆ originX / originY จุดเว้นแต่ centerTransform = true.
• fabric.Text # textShadow ได้ถูกลบออก. - สถานที่ให้บริการ fabric.Text.shadow ใหม่ (ชนิดของ fabric.Shadow)
• fabric.BaseBrush คุณสมบัติเงาจะรวมกันเป็นหนึ่งในสถานที่ให้บริการ = & # x3e; fabric.BaseBrush.shadow (shadowColor, shadowBlur, shadowOffsetX, shadowOffsetY ไม่อยู่).
• fabric.Path.fromObject async อยู่ในขณะนี้ 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 หรือสูงกว่าสำหรับสภาพแวดล้อมที่ฝั่งเซิร์ฟเวอร์