ウェブサイト検索
Rollup TypeScript: dist + cjs + es における宣言
私は宣言（d.ts）ファイルを含むTypeScriptライブラリをrollupでパッケージ化しようとしており、cjsとesの両方のバージョンを出力したいです。
それで、このRollupの設定を思いつきました：
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-package'); const cleanPlugin = require('@m 続きを読む →node.js - CJSからESモジュールへのインポートを許可するようにTSを設定する方法（node-fetch & Express）？
私は1つのプロジェクトで2つのライブラリを動作させようとしています：ESモジュールであるfetch-nodeと、CommonJSであるExpressです。問題は、fetch-nodeを次のようにインポートする必要があることです：
import fetch from 'node-fetch';しかし、Expressは次のようにインポートすることを要求します:
const ex 続きを読む →javascript - TypescriptでのKineticJSの形状
私は次の kineticjs JavaScript コードに基づいて形を作ろうとしています:
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 });これは以下で見つけることができるサンプルです: http://www.htm
続きを読む →javascript - デフォルトクラスのインスタンス化が TypeError を引き起こす (ESM/CJS の相互運用)
問題の概要
こんにちは、
私はTypeScriptのプロジェクトを持っており、別のパッケージのデフォルトエクスポートであるクラスをインスタンス化しようとしています。私のプロジェクトはESM構文で書かれていますが、依存しているパッケージはCJS出力です。実行時に、クラスのインスタンス化のポイントに到達したときに次のエラーが発生するという問題に直面しています -
new TestClass({ arg1: "Hello, World!" 続きを読む →モノレポで TypeScript プロジェクト参照を使用して cjs と esm をビルドする
私は、増分ビルドを使用した CJS、Yarn ワークスペース、プロジェクト参照を備えた TypeScript モノレポのプロトタイプをセットアップして実行しています:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
各プロジェクトで tsc -b がデフォルトの tsconfig.json を使用し、cjs 用に設定されているため、コマンドライン経由で単純にオーバーライドを渡したいです:
続きを読む →javascript - fabricjs オブジェクトをクリックして、その下のオブジェクトを選択する方法（evented プロパティを使用せずに）
fabricjsオブジェクトを次のように「ロック」するにはどうすればよいですか:
- 選択できません（obj.selectable=false）
- 右クリックの 'mousedown' イベントを許可します（obj.evented が true である必要があります）
- ホバー状態/イベントなし（マウスがこのオブジェクトにホバーしても検出せず、カーソルも変わらない）
- マウスがその下のオブジェクトをクリックできるようにする（マウスがそれを通してオブジェクトにアクセスできる）
私は'evented'プロパティを扱うコードを探そうとしましたが、ソースでは見つけることができませんでした。eventedプロパティはオブジェクトを透明にします（つまり、クリックを通過させることができます）が、'mousedown'イベントを削除します。
これは、オブジェクトのロック/ロック解除機能を持つコンテキストメニューを実装する必要がある私の状況で必要です。オブジェクト
続きを読む →angular - fabricjsでテキストボックスのサイズ変更時にテキストの拡大縮小を防ぐ方法
私は FabricJs に初めて触れるもので、私の関心はテキストボックスのサイズ変更に関するものです。私はテキストボックスを縦方向と横方向にサイズ変更できる次の解決策を持っていますが、同時にはできません。テキストがリサイズされることなく、同時に両方を行う解決策を見つけようとしています。助けていただけますか？
私のjsfiddleの例へのリンクはこちらです: http://jsfiddle.net/vstefani/s7yfu93w/27/
var canvas = new fabric.Canvas('canvas'); can 続きを読む →ES6モジュール - TypeScriptはESMとCJSの両方の依存関係をインポートできますか？
私はNPMでインストールした依存関係を使用するTypeScriptアプリケーションを書いています:
- これらの依存関係のいくつかはCJS経由でエクスポートします
- これらの依存関係のいくつかはESM経由でエクスポートします
これらの依存関係をすべて透過的に使用できるようにする tsconfig.json の設定はありますか？
回答 #1
はい、できます！
例えば、これは ESM 依存関係（chalk）と common.js 依存関係（a
続きを読む →javascript - fabricjsのテキストボックスのサイズをテキスト選択に合わせて調整する
私は次のように新しい Textbox を作成するコードを持っています:
new fabric.Textbox('Ajouter du texte')問題は、テキストボックスが内容に比べて小さすぎることです:
固定幅を設定すると、周りに余白ができます:
new fabric.Textbox('Ajouter du texte', {width: 350}) 続きを読む →typescript - 「Canvasはコンストラクタではありません」エラー - Angular 6でFabricJSを使用する
私は最近Angular 5から6にアップグレードされたプロジェクトに取り組んでいます。新しい機能を追加しており、データから画像を描画する必要があるため、CanvasやSVGのDOMオブジェクトを使おうとしています。FabricJSには私が必要とする多くの機能があります。
昨夜、プロジェクトに追加しようとしました。ウェブサイトからFabricJSのフルDEV/MINバージョン、v2.3.3をダウンロードしました。それから、node_modulesフォルダに「fabric」フォルダを作り、そこに*.jsファイルを入れました。angular.jsonファイルを編集して、次のようにしました:
"scripts": [ "node_modules/fabric/fabric.js" ]次に、これを使って typings.d.ts ファイルを作成しました:
declare const fabric 続きを読む →