javascript - Menyesuaikan ukuran kotak teks fabricjs agar sesuai dengan pilihan teks

Saya memiliki sepotong kode yang membuat Textbox baru dengan cara ini:

new fabric.Textbox('Ajouter du texte')

Masalahnya adalah kotak teks terlalu kecil dibandingkan dengan isinya:

Jika saya menetapkan lebar tetap, saya mendapatkan beberapa padding

Baca lebih banyak →

typescript - "Canvas bukan konstruktor" error - Menggunakan FabricJS dengan Angular 6

Saya sedang mengerjakan sebuah proyek yang baru-baru ini diperbarui dari Angular 5 ke 6. Saya sedang menambahkan fitur baru yang mengharuskan saya menggambar gambar dari data, jadi saya telah mencoba menggunakan objek DOM Canvas dan SVG untuk melakukan ini. FabricJS memiliki banyak fitur yang saya butuhkan.

Saya mencoba menambahkannya ke proyek tadi malam. Saya mengunduh versi DEV/MIN lengkap dari FabricJS dari situs web, v2.3.3. Kemudian saya membuat folder "fabric" di folder node_modu

Baca lebih banyak →

javascript - Penjajaran objek di fabricJS setelah zoom dan pan

Saya menggunakan fabricJS dengan Angular ketika saya ingin menyelaraskan suatu elemen ke kiri, misalnya saya menggunakan metode berikut

alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undef

Baca lebih banyak →

typescript - Bagaimana cara membuat modul ESM/CJS yang tidak memerlukan penambahan '.default' pada import

Saya bisa mengatur package.json saya untuk menggunakan impor yang berbeda untuk CJS dan ESM:

"main": "dist/cjs/index.js", "module": "dist/esm/index.js",

Saya juga bisa mengatur compiler TypeS

Baca lebih banyak →

javascript - FabricJS TextBox ukuran tetap dengan ukuran font dinamis (perkecil teks agar sesuai ukuran)

Bagaimana saya bisa menetapkan ukuran TextBox dan secara dinamis mengecilkan ukuran font jika teks menjadi terlalu besar untuk TextBox? Ya, pertanyaan serupa ada di sini tetapi itu hanya berfungsi untuk satu baris teks.

Saya ingin mencapai tepat itu: (contoh dari editor meme imgflip)

Baca lebih banyak →

node.js - package.json tidak menghormati properti exports untuk paket npm esm dan cjs

Saya mengalami kesulitan membuat pustaka npm saya mendukung impor/require subpath melalui field exports di package.json. Sebagai konteks, package.json mendukung field "exports" yang memungkinkan Anda secara kondisional mengekspose file berdasarkan runtime (misalnya commo

Baca lebih banyak →

javascript - Membutuhkan contoh penggunaan fabricjs.d.ts dengan TypeScript

Saya menggunakan fabricjs dalam sebuah proyek yang sedang saya coba konversi untuk menggunakan TypeScript tetapi saya tidak bisa menemukan cara menggunakannya. Sebelumnya saya membuat objek kustom saya sendiri dengan melakukan hal berikut:

my.namespace.Control = fabric.util.createClass(fabric.Obj

Baca lebih banyak →

node.js - node_modules/minimatch/dist/cjs/index"' tidak memiliki anggota yang diekspor bernama 'IMinimatch'. Apakah maksud Anda 'Minimatch'?

Saya memiliki rimraf sebagai devDependency (v5.0.0). Ketika saya mencoba menjalankan skrip menggunakan rimraf, itu memberi saya kesalahan ini:

node_modules/@types/glob/index.d.ts:29:42 - error TS2694: Namespace '".../node_modules/minimatch/

Baca lebih banyak →

node.js - 'node_modules/minimatch/dist/cjs/index' tidak memiliki anggota yang diekspor 'IOptions'

Saya memiliki proyek TypeScript untuk dijalankan pada fungsi Firebase.

Berikut adalah tsconfig.json saya

{ "compilerOptions": { "lib": ["es2017"], "module": "commonjs", "noImplicitReturns": true, "outDir": "dist", "sourceMap": true, "target": "es2017", "esModuleInterop": true, "strict": true },

Baca lebih banyak →

javascript - Bagaimana cara menggunakan/menyertakan fabricjs di Angular2

Saya ingin menggunakan fabricjs dalam proyek saya. Saya telah menginstal fabricjs menggunakan bower dan menautkannya di index.html. tetapi itu tidak berfungsi. Silakan lihat kode di bawah ini.

index.html

<html> <head> <script>document.write('<base href="' + document.location + '" />');

Baca lebih banyak →