Fabric.js

মূলত, Fabric.js করুন ইত্যাদি SVG চিত্র, সম্পাদনা এবং প্রক্রিয়াকরণের আকার, আমদানি, বস্তু যোগ, লাইভ আঁকার মত, সম্পর্কে কোনো HTML5 এর ক্যানভাস ম্যানিপুলেশন জন্য ব্যবহার করা যেতে পারে ..

এই কার্যকারিতা উপরে, সম্ভবত হিসাবে গুরুত্বপূর্ণ, বিল্ট ইন এটি SVG টু ক্যানভাস পার্সার ডেভেলপারদের সহজেই তারা পূর্বে এইচটিএমএল 5 ক্যানভাস মধ্যে SVG গ্রাফিক্স নির্মিত করছি মাইগ্রেট করতে পারবেন.

এটি এইসব গ্রাফিক্স উপর আরো নিয়ন্ত্রণ করা সম্ভব হবে, এক্সেস ডেভেলপারদের আছে কি না.

আরো জটিল নিরিখে Fabric.js DOM এইচটিএমএল পেজের জন্য, ঠিক মত এইচটিএমএল 5 ক্যানভাস উপাদান উপরে নির্মিত একটি ইন্টারেক্টিভ অবজেক্ট মডেল হিসেবে বিবেচনা করা যেতে পারে.

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.Image.filters.Grayscale যে যুক্তি আছে, যেহেতু fabric.StaticCanvas.toGrayscale সরান.

<লি> বৈশিষ্ট্য centeredScaling এবং centeredRotation বিভক্ত centerTransform. ঘূর্নন এখন সত্য centeredRotation = যদি না originX / originY বিন্দু চারপাশে ঘটে. অবজেক্ট স্কেলিং এখন অ কেন্দ্রিক ঘটবে centeredScaling = সত্য. যদি না


সংস্করণ 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.Image.filters.Grayscale যে যুক্তি আছে, যেহেতু fabric.StaticCanvas.toGrayscale সরান.

<লি> বৈশিষ্ট্য centeredScaling এবং centeredRotation বিভক্ত centerTransform. ঘূর্নন এখন সত্য centeredRotation = যদি না originX / originY বিন্দু চারপাশে ঘটে. অবজেক্ট স্কেলিং এখন অ কেন্দ্রিক ঘটবে centeredScaling = সত্য. যদি না


সংস্করণ 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.Image.filters.Grayscale যে যুক্তি আছে, যেহেতু fabric.StaticCanvas.toGrayscale সরান.

<লি> বৈশিষ্ট্য centeredScaling এবং centeredRotation বিভক্ত centerTransform. ঘূর্নন এখন সত্য centeredRotation = যদি না originX / originY বিন্দু চারপাশে ঘটে. অবজেক্ট স্কেলিং এখন অ কেন্দ্রিক ঘটবে 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 এখন 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 ব্যবহার পরিবর্তে).



আবশ্যক :

• দয়া করে জাভাস্ক্রিপ্ট ক্লায়েন্ট দিকে সক্রিয় করুন

<লি> সার্ভার সাইড পরিবেশের জন্য 0.6 বা উচ্চতর Node.js করুন

10 Dec 15