素肌にサスペンダー

個人的な備忘と日記

2022-01-01から1ヶ月間の記事一覧

【fabric.js】スマホのピンチ操作を有効にする方法

npmで、普通のfabric.jsを利用していた。 www.npmjs.com その場合、ピンチイン・ピンチアウトで、選択したオブジェクトの拡大・縮小ができなかった。 fabric-with-gesturesをインストールすれば、使えた。 www.npmjs.com TypeScriptの場合、npm install --sa…

【fabric.js】オブジェクトの縦横比(アスペクト比)が変わってしまうハンドルを非表示にする方法

デフォルトだと4つの角に加えて、回転用の突出したやつと、4辺の真ん中にハンドルがあり、大きさを変えたり回転したりできる。 オブジェクトとして配置したものが写真だったりした場合は縦横比変えたくない。 その場合、setControlVisibleを操作すれば、意…

猫は要望がある時に鳴く

トイレが汚いとかご飯が欲しいとかあるけど、その辺は日頃ケアしているので、うちの愛猫が鳴いてくるのはだいたいかまって欲しい時。 本能的に明け方〜朝方活発になるけど、忙しくてなかなかかまってあげれず、鳴き続けてこっちもイライラすることがあった。…

【fabric.js】canvasがw300px * h150pxになってしまう場合の対応

以下のように単純な四角形を設置した場合、canvas要素にインラインスタイル(width: 300px; height: 150px;)が適用される。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> </html>

【React】 create-react-appのbuildで、デプロイ先がサブディレクトリの場合

デプロイ先が、https://〇〇〇.com/△△△/のようなサブディレクトリの場合、js,css,画像などを相対パスで読み込む必要がある。 package.jsonに以下を追記すればOK。 homepage": "./", publicフォルダに入っている画像などを読み込んでいる場合は、srcをルート…