جافاسكريبت - التحويل المنظوري لكائن مملوء بصورة في FabricJS

لدينا بعض الكائنات المملوءة بمصدر الصورة. هل من الممكن تحقيق تحويل منظور للصورة المملوءة مع تعديل مواقع الشبكة المستطيلة في Fabric JS؟

أنا أحاول تحقيق شيء مشابه للصورة أعلاه في Fabric JS....

الإجابة رقم 1

تشويهات المنظور ال

اقرأ أكثر →

جافاسكريبت - FabricJS، بعد تدوير الكائن، هل من الممكن الحصول على موضع اليسار والأعلى واليمين للمستطيل الافتراضي

بعد تدوير الجسم، هل من الممكن الحصول على موقع اليسار والأعلى واليمين للمستطيل الافتراضي؟

الإجابة رقم 1

ما تبحث عنه هو المستطيل المحيط بجسمك:

getBoundingRect(ignoreVp

اقرأ أكثر →

رول أب تايب سكريبت: الإعلانات في dist + cjs + es

أحاول حزم مكتبة TypeScript باستخدام rollup مع ملفات التصريحات (d.ts)، وأريد إنتاج نسخ لكل من cjs و es.

لذلك توصلت إلى هذا الإعداد في رول أب:

const {nodeResolve} = require('@rollup/plugin-node-resolve') const nodeExternals = require('rollup-plugin-node-externals'); const json = require('@rollup/plugin-json'); const commonjs = require('@rollup/plugin-commonjs'); const typescript = require('rollup-plugin-typescript2'); const packagePlugin = require('@mpen/rollup-plugin-packag

اقرأ أكثر →

node.js - كيفية تكوين TS للسماح بالاستيراد من CJS إلى وحدات ES (node-fetch و Express)؟

أحاول تشغيل مكتبتين في مشروع واحد: fetch-node، وهي وحدة ES، وExpress، وهي CommonJS. المشكلة هي أنه يجب علي استيراد fetch-node على النحو التالي:

import fetch from 'node-fetch';

لكن Express يتطلب مني استير

اقرأ أكثر →

جافاسكريبت - شكل KineticJS في تايبسكريبت

أحاول إنشاء شكل استنادًا إلى كود JavaScript التالي باستخدام kineticjs:

var triangle = new Kinetic.Shape({ drawFunc: function(canvas) { var context = canvas.getContext(); context.beginPath(); context.moveTo(200, 50); context.lineTo(420, 80); context.quadraticCurveTo(300, 100, 260, 170); context.closePath(); canvas.fillStroke(this); }, fill: '#00D2FF', stroke: 'black', strokeWidth: 4 });

هذا نموذج يمكن

اقرأ أكثر →

جافاسكريبت - إنشاء الفئة الافتراضية يؤدي إلى TypeError (توافق ESM/CJS)

ملخص المشكلة

مرحبًا,

لدي مشروع TypeScript حيث أحاول إنشاء نسخة من فئة كانت التصدير الافتراضي لحزمة مختلفة. أنا أكتب مشروعي بصياغة ESM، بينما الحزمة التي يعتمد عليها مشروعي لها مخرج CJS. المشكلة التي أواجهها هي أنه عند وقت التشغيل، عندما يصل ا

اقرأ أكثر →

بناء cjs و esm باستخدام مراجع مشاريع TypeScript في مونوربو

لدي إعداد أولي لمستودع مونوريبو بلغة TypeScript يعمل ويستخدم cjs وYarn Workspaces والمراجع المشروع مع إنشاءات متزايدة:

https://github.com/rosskevin/learn-a/tree/build-cjs-esm

نظرًا لأن tsc -b يستخدم tsconfig.json الافتراضي في كل مشروع

اقرأ أكثر →

جافاسكريبت - كيفية النقر عبر كائن FabricJS لتحديد الكائن الموجود تحته (بدون استخدام خاصية evented)

كيف تجعل كائن fabricjs "مغلقًا" بحيث:

  1. إنه غير قابل للاختيار (obj.selectable=false)
  2. يسمح بحدث 'mousedown' للنقرة اليمنى (يجب أن تكون obj.evented صحيحة)
  3. لا توجد حالة/حدث التمرير فوق (الفأرة لا تكتشف هذا الكائن عند التمرير فوقه أو تغير المؤشر)
  4. يسمح للفأرة بالنقر على الكائنات الموجودة تحته (يمكن للفأرة الوصول إلى الكائنات من خلاله)

حاولت البحث عن الكود الذي يتعامل مع الخاصية 'evented' لكنني لم أتمكن من العثور عليه في المصدر. الخاصية evented تجعل الكا

اقرأ أكثر →

أنجولار - كيفية منع تكبير النص عند تغيير حجم مربع النص باستخدام fabricjs

أنا جديد في FabricJs واهتمامي يتعلق بتغيير حجم مربع النص - لدي الحل التالي الذي يتيح تغيير حجم مربع النص عموديًا وأفقيًا، لكن ليس في نفس الوقت. لقد كنت أحاول إيجاد حل يقوم بالأمرين في نفس الوقت دون تغيير حجم النص. هل يمكنك مساعدتي في إيجاد حل؟

إليك رابط لمثال jsfiddle الخاص بي: ht

اقرأ أكثر →

وحدات ES6 - هل يمكن لـ TypeScript استيراد كل من تبعيات ESM و CJS؟

أنا أكتب تطبيق TypeScript يستخدم التبعيات المثبتة باستخدام NPM:

  • بعض هذه الاعتمادات تصدر عبر CJS
  • بعض هذه الاعتمادات تصدر عبر ESM

هل هناك تكوين tsconfig.json يسمح لي باستخدام كل هذه الاعتمادات بشكل شفاف؟

الإجابة رقم 1

نعم، يمك

اقرأ أكثر →