JavaScript - ნაგულისხმევი კლასის ინსტანცირება იწვევს TypeError-ს (ESM/CJS ინტერპაპი)
პრობლემის არსში
გამარჯობათ,
მომაქვს TypeScript პროექტი, სადაც ვცდილობ კლასის ინიციალიზაციას, რომელიც იყო სხვადასხვა პაკეტის სტანდარტული ექსპორტი. მე ვწერ ჩემს პროექტს ESM სინტაქსით, ხოლო პაკეტი, რაზეც ის არის დამოკიდებული, აქვს CJS გამომავალი
Წაიკითხე მეტი →cjs და esm-ის შექმნა TypeScript პროექტის რეფერენციებით მონორეპოში
მე მაქვს TypeScript მონორეპოს პროტოტიპი დაყენებული და მუშაობს cjs, yarn სამუშაო სივრცეებით და პროექტის რეფერენციებით ინკრემენტული აშენებებით:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
მაშინ როცა tsc -b იყენებს სტანდარტულ tsconfi
Წაიკითხე მეტი →javascript - როგორ დააწკაპუნოთ fabricjs ობიექტზე, რათა აირჩიოთ ქვეშ არსებული ობიექტი (თქვენი evented თვისების გამოყენების გარეშე)
როგორ გააკეთოთ fabricjs ობიექტი „დაბლოკილი“, ისე რომ:
- ეს არ არის არჩევადი (obj.selectable=false)
- ჩართავს 'mousedown' მოვლენას მარჯვენა კლიკისთვის (obj.evented უნდა იყოს true)
- არ postoji hover მდგომარეობა/მოვლენა (მოუსი ვერ აღიქვამს ამ ობიექტს hover-ის დროს ან არ იცვლის კურსორს)
- საშუალებას აძლევს მაუსს დააწკაპუნოს მის ქვეშ არსებულ ობიექტებზე (მაუსის საშუალებით შეუძლია ობიექტებზე წვდომა)
მე ვცადე მეძება კოდი, რომელიც დაკავებულია 'evented' თვისებით,
Წაიკითხე მეტი →angular - როგორ ავიცილოთ ტექსტის გაზრდა textbox-ის ზომის შეცვლისას fabricjs-თან
მე ახალი ვარ FabricJs-ში და ჩემი ყურადღება მიპყრობილია ტექსტის ყუთის გადამეტებაზე - მე მაქვს შემდეგი გადაწყვეტილება, რომელიც საშუალებას გაძლევს ტექსტის ყუთი გააფართოვო როგორც ვერტიკალურად, ასევე ჰორიზონტალურად, მაგრამ არა ერთდროულად. მე ვცდილობდი გამეგო გადაწყვეტილება, რომელიც ეს ორივე
Წაიკითხე მეტი →es6 მოდულები - შეგიძლია TypeScript-მა იმპორტოს როგორც ESM, ასევე CJS დამოკიდებულებები?
მე ვწერ TypeScript აპლიკაციას, რომელიც იყენებს NPM-ით ინსტალირებულ დამოკიდებულებებს:
- ქართველი ამ დამოკიდებულებებიდან გარკვეული ექსპორტირებენ CJS-ის საშუალებით
- ქართველი ამ დამოკიდებულებებიდან ზოგი ექსპორტირებს ESM-ის საშუალებით
არის რაიმე tsconfig.json კონფიგურაცია, რ
Წაიკითხე მეტი →javascript - გამართეთ fabricjs ტექსტის სიგრძე ისე, რომ შეესაბამებოდეს ტექსტის არჩევას
მე მაქვს კოდი, რომელიც ახდენს ახალი Textbox-ის შექმნას ესოდენ:
new fabric.Textbox('Ajouter du texte')პრობლემა არის ის, რომ ტექსტის ყუთი ძალიან პატარაა მისი შემცველობისთვის:
თუ დავაყენე ფიქსირებული სიგანე, მივიღებ რაღაც პირამიდას გარშემოდო:
Წაიკითხე მეტი →typescript - „Canvas კონსტრუქტორი არ არის“ შეცდომა - FabricJS-ს გამოყენება Angular 6-თან
მე ვმუშაობ პროექტზე, რომელიც ცოტა ხნის წინ განახლდა Angular 5-დან Angular 6-მდე. მე ვამატებ ახალ ფუნქციას, რომელიც მოითხოვს ჩემგან მონაცემებიდან გამოსახულებების ნახვას, ამიტომ ვცდილობ გამოვიყენო Canvas და SVG DOM ობიექტები ამისთვის. FabricJS-ს აქვს ბევრი ფუნქცია, რაც მჭირდება.
მე ვცადე ამას პროექტში დამატება გუშინ საღამოს. მე გადმოვწერე FabricJS-ის სრული DEV/MIN ვერსიები ვერსიით 2.3.3 ვებ-საიტიდან. შემდეგ გავაკეთე „fabric“ ფოლდერი ჩემი node_modules ფოლდერში და *.js ფაილები იქ დავდე. მე
Წაიკითხე მეტი →javascript - ობიექტების გასწორება fabricJS-ში ზუმისა და პანორამირების შემდეგ
მე ვიყენებ fabricJS-ს Angular-თან ერთად, როდესაც მინდა ელემენტი მარცხნივ გავასწორო, მაგალითად, ვიყენებ შემდეგ მეთოდს
alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undefined) { // Bo Წაიკითხე მეტი →typescript - როგორ გავაკეთო ESM/CJS მოდული ისე, რომ იმპორტებში '.default' დამატება არ იყოს საჭირო
შეგვიძლია შევადგინოთ ჩემი package.json, რომ გამოვიყენოთ სხვადასხვა იმპორტები CJS და ESM-ისთვის:
"main": "dist/cjs/index.js", "module": "dist/esm/index.js",მე შემიძლია ასევე დავაყენო ჩემი Typ
Წაიკითხე მეტი →javascript - FabricJS ფიქსირებული ზომის TextBox დინამიური შრიფტის ზომით (ტექსტის შეკუმშვა ზომისთვის შესატყვისად)
როგორ შემიძლია დავადგინო TextBox-ის ზომა და დინამიურად გავხადო fontSize smaller თუ ტექსტი TextBox-ისთვის ძალიან დიდია? დიახ, მსგავსი კითხვა აქ არსებობდა, მაგრამ ის მუშაობს მხოლოდ ერთ ხაზიანი ტექსტისთვის.
მინდა ზუსტად ეს მიღწევა: (მაგალითი imgflip მემე რედაქტორიდან)
Წაიკითხე მეტი →