javascript - fabricjs'te resimle doldurulmuş nesnenin Perspektif Dönüşümü
Resim kaynağıyla doldurulmuş bazı nesnelerimiz var. Fabric JS'te dikdörtgen ızgara pozisyonlarını ayarlayarak doldurulmuş resmin perspektif dönüşümünü gerçekleştirmek mümkün mü?
fabric js'de yukarıdaki resme benzer bir şeyi başarmaya çalışıyorum....
DAHA FAZLASI →javascript - fabricjs, Nesne döndürüldükten sonra sanal dikdörtgenin sol, üst ve sağ konumunu almak mümkün mü?
Dönen bir nesneden sonra sanal dikdörtgenin sol, üst ve sağ konumunu almak mümkün mü?
Cevap #1
Aradığınız şey, nesnenizin çerçeve dikdörtgenidir:
getBoundingRect(ign
DAHA FAZLASI →Rollup TypeScript: dist + cjs + es içinde deklarasyonlar
Bir TypeScript kütüphanesini rollup kullanarak deklarasyon (d.ts) dosyalarıyla paketlemeye çalışıyorum ve hem cjs hem de es sürümlerini çıkarmak istiyorum.
Böylece bu rollup konfigürasyonunu oluşturdum:
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-typescript DAHA FAZLASI →node.js - TS'yi CJS'den ES modüllerine importlara izin verecek şekilde nasıl yapılandırılır (node-fetch & Express)?
Tek bir projede iki kütüphaneyi çalıştırmaya çalışıyorum: ES modülü olan fetch-node ve CommonJS olan Express. Sorun şu ki, fetch-node'u şu şekilde içe aktarmam gerekiyor:
import fetch from 'node-fetch'; DAHA FAZLASI →javascript - typescript'te kineticjs şekli
Aşağıdaki kineticjs JavaScript koduna dayalı bir şekil oluşturmaya çalışıyorum:
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 });Bu, ş
DAHA FAZLASI →javascript - Varsayılan sınıf örneklemesi TypeError ile sonuçlanır (ESM/CJS uyumu)
Sorun Özeti
Merhaba,
TypeScript ile yazılmış bir projede, başka bir paketin varsayılan olarak dışa aktardığı bir sınıfı örneklemeye çalışıyorum. Projemi ESM sözdizimi ile yazıyorum, oysa bağımlı olduğu paket CJS çıktısına sahip. Karşılaştığım
DAHA FAZLASI →Bir monorepo'da TypeScript proje referanslarını kullanarak cjs ve esm oluşturma
CJS, yarn workspaces ve artımlı derlemeler kullanarak proje referanslarına sahip bir TypeScript monorepo prototip kurulumum var ve çalışıyor:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
Her proje için varsayılan tsconfig.json dosyasını
DAHA FAZLASI →javascript - fabricjs nesnesine tıklayarak altındaki nesneyi nasıl seçebilirim (evented özelliğini kullanmadan)
Bir fabricjs nesnesini şu şekilde "kilitli" yapmak için nasıl yaparsınız:
- Seçilebilir değil (obj.selectable=false)
- Sağ tıklama için 'mousedown' olayına izin verir (obj.evented true olmalıdır)
- Hiçbir hover durumu/olayı yok (fare bu nesneyi üzerine geldiğinde algılamaz veya imleci değiştirmez)
- Fareye altındaki nesnelere tıklamasına izin verir (fare üzerinden nesnelere erişebilir)
‘evented’ özelliğiyle ilgilenen kodu aramayı denedim ama kaynakta bul
DAHA FAZLASI →angular - fabricjs ile metin kutusunu yeniden boyutlandırırken metin ölçeklemesini nasıl önlerim
Ben FabricJs'e yeniyim ve endişem metin kutusunu yeniden boyutlandırmayla ilgili - dikey ve yatay olarak metin kutusunu yeniden boyutlandırmayı sağlayan bir çözümüm var, ancak aynı anda yapamıyorum. Metin yeniden boyutlandırılmadan her ikisini aynı anda yapan bir çözüm bulmaya çalışıyor
DAHA FAZLASI →es6 modülleri - TypeScript hem ESM hem de CJS bağımlılıklarını içe aktarabilir mi?
NPM ile yüklenen bağımlılıkları kullanan bir TypeScript uygulaması yazıyorum:
- bu bağımlılıkların bazıları CJS üzerinden dışa aktarır
- bu bağımlılıkların bazıları ESM üzerinden dışa aktarım yapıyor
Tüm bu bağımlılıkları şeffaf bir şekilde kullanmama izin verecek bir tsconfig.
DAHA FAZLASI →