جافا سكريبت - ضبط حجم مربع النص في fabricjs ليتناسب مع تحديد النص
لدي قطعة من الكود تقوم بإنشاء Textbox جديدة بهذه الطريقة:
new fabric.Textbox('Ajouter du texte')المشكلة هي أن صندوق النص صغير جدًا مقارنة بمحتواه:
إذا قمت بتحديد عرض ثابت، أحصل على بعض الحشو حوله:
new fabric.Textbox('Ajouter du texte' اقرأ أكثر →تايبسكريبت - خطأ "Canvas ليس منشئًا" - استخدام FabricJS مع Angular 6
أنا أعمل على مشروع تم تحديثه مؤخرًا من Angular 5 إلى 6. أنا أقوم بإضافة ميزة جديدة تتطلب مني رسم الصور من البيانات، لذا كنت أحاول استخدام كائنات Canvas وSVG DOM للقيام بذلك. تتميز FabricJS بالعديد من المميزات التي أحتاجها.
لقد حاولت إضافته إلى المشروع الليلة الماضية. قمت بتحميل النسخ الكاملة DEV/MIN من FabricJS من الموقع، الإصدار 2.3.3. ثم قمت بإنشاء مجلد "fabric" في مجلد node_modules الخاص بي ووضع ملفات *.js هناك. قمت بتحرير ملف angular.json الخاص بي لتضمين هذا:
اقرأ أكثر →جافا سكريبت - محاذاة الكائنات في fabricJS بعد التكبير والتحريك
أنا أستخدم fabricJS مع Angular عندما أريد محاذاة عنصر إلى اليسار على سبيل المثال، أستخدم الطريقة التالية
alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undefined) { // Bounding Box o اقرأ أكثر →تايب سكريبت - كيف أصنع وحدة ESM/CJS لا تتطلب إضافة '.default' إلى الاستيرادات
يمكنني إعداد ملف package.json الخاص بي لاستخدام استيرادات مختلفة لـ CJS و ESM:
"main": "dist/cjs/index.js", "module": "dist/esm/index.js",يمكنني أيضًا إعداد مترجم TypeScript الخاص بي لإنشاء
اقرأ أكثر →جافاسكريبت - FabricJS مربّع نص بحجم ثابت مع حجم خط ديناميكي (تقليص النص ليناسب الحجم)
كيف يمكنني ضبط حجم مربع النص وتقليل حجم الخط ديناميكيًا إذا أصبح النص كبيرًا بالنسبة لمربع النص؟ نعم، يوجد سؤال مشابه هنا ولكنه يعمل فقط لسط واحد من النص.
أريد أن أحقق ذلك بالضبط: (مثال من محرر الميمز imgflip)
لقد جربت النهج التالي:
let tex اقرأ أكثر →node.js - ملف package.json لا يلتزم بخاصية exports لحزمة npm بصيغتي esm و cjs
أواجه صعوبة في جعل مكتبة npm الخاصة بي تدعم الاستيراد/الطلب الجزئي عن طريق حقل exports في ملف package.json. للسياق، يدعم package.json حقل "exports" الذي يسمح لك بالكشف الشرطي عن الملفات بناءً على بيئة التشغيل (أي commonjs أو ecmascript).
عند استيراد مكتبة npm في مش
اقرأ أكثر →جافاسكريبت - أحتاج مثالًا على استخدام fabricjs.d.ts مع تايب سكريبت
أستخدم FabricJS في مشروع أحاول تحويله لاستخدام TypeScript لكن لا أستطيع معرفة كيفية استخدامه. سابقًا كنت أقوم بإنشاء كائناتي المخصصة الخاصة عن طريق القيام بما يلي:
my.namespace.Control = fabric.util.createClass(fabric.Object, { id: "", type: 'Control', color: "#000000", ... }); اقرأ أكثر →node.js - لا يحتوي node_modules/minimatch/dist/cjs/index على عضو مُصدر باسم 'IMinimatch'. هل كنت تقصد 'Minimatch'؟
لدي rimraf كمختصر تطويري (v5.0.0). عندما أحاول تشغيل برنامج نصي باستخدام rimraf، يعطي لي هذا الخطأ:
node_modules/@types/glob/index.d.ts:29:42 - error TS2694: Namespace '".../node_modules/minimatch/dist/cjs/index"' has no exported membe اقرأ أكثر →node.js - 'node_modules/minimatch/dist/cjs/index' لا يحتوي على عضو مصدر 'IOptions'
لدي مشروع TypeScript للتشغيل على دالة Firebase.
إليك ملف tsconfig.json الخاص بي
{ "compilerOptions": { "lib": ["es2017"], "module": "commonjs", "noImplicitReturns": true, "outDir": "dist", "sourceMap": true, "target": "es2017", "esModuleInterop": true, "strict": true }, "include": [&qu اقرأ أكثر →جافاسكريبت - كيفية استخدام/تضمين fabricjs في Angular2
أريد استخدام fabricjs في مشروعي. لقد قمت بتثبيت fabricjs باستخدام bower وربطه في index.html. لكنه لا يعمل. يرجى الاطلاع على الكود أدناه.
index.html
<html> <head> <script>document.write('<base href="' + document.location + '" />'); </script> <title>Image Editor</ti اقرأ أكثر →