HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。
コンピューターのGUIにおいて、バーチャルなものを「つかむ」ことによって選択し、別の場所や他のバーチャルなものの上に動かす行為、またはその行為に対応していることを指す。
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
Pythonで書かれたデプロイ・システム管理ツール。シンプルで始めやすいのが特徴です。 シェルスクリプトに慣れている人には親しみやすい管理ツールと言えます。 同様のツールにCapistranoがあります。
Q&A
解決済
1回答
1903閲覧
総合スコア7
0グッド
0クリップ
投稿2021/06/30 00:58
0
した場合に、offsetYでドロップした要素の位置を取得するとcanvasの左上からの位置が出てくるため 置きたい位置にドロップの要素が来ません。 どのように計算したらよいでしょうか?
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答1件
自己解決
下記計算にてズレの修正ができました
javascript1var pos_x= (e.e.layerX - -(canvas.vptCoords.tl.x * canvas.getZoom())) / canvas.getZoom(); 2var pos_y= (e.e.layerY - -(canvas.vptCoords.tl.y * canvas.getZoom())) / canvas.getZoom();
javascript
1var pos_x= (e.e.layerX - -(canvas.vptCoords.tl.x * canvas.getZoom())) / canvas.getZoom(); 2var pos_y= (e.e.layerY - -(canvas.vptCoords.tl.y * canvas.getZoom())) / canvas.getZoom();
投稿2021/07/01 06:33
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.36%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
fabric.jsで表示したイメージの上にほかの要素をドロップしたい
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。