問題タブ [svg-edit]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - Laravel4でのsvg-editまたは他のプログラムの統合
svg-editorをLaravel4と統合しようとしています。
私の現在の解決策は、svg-editor.phpという名前に変更されたsvg-editor.htmlファイルをviewsフォルダー内に挿入し、残りのファイルをパブリックフォルダーに移動することです。これで、jsファイルとcssファイルへのすべての呼び出しを編集ビューに移動し、すべてのポイントをパブリックフォルダーに移動して、laravelがsvg-editorに必要なファイルをロードできるようにしました。jsファイルとcssファイルはアセットフォルダーにあり、アセット関数を使用して呼び出します。
パブリックフォルダの構造
- アプリ
- 公衆
- ベンダー
- svg-edit-2_6
ビューフォルダ: svg-edit-2_6内には、@ include()を使用してテンプレートに含めることができるsvg-editor.phpがあります。
もちろん、パスやURL参照など、svg-editorコード内のすべての呼び出しを変更する必要があるため、このソリューションは面倒です。私の質問は、パラメータを変更せずにlaravelにこのプログラムをロードさせる方法があるかどうかです。start.phpファイルからある種の呼び出しを行うことは可能だと思いますが、これを行う方法についての情報を見つけることができませんでした。
それは可能でしょうか?
svg-edit - svg-edit - 背景を動的に設定する
ブラウザーで画像に注釈を付けるために svg-edit を使用することを検討しています。画像は、svg-edit が埋め込まれている同じページにアップロードされ、アップロード時に svg-edit の背景として動的に設定する必要があります。これはできますか?
confluence - SVG-edit に基づく Confluence プラグインはありますか?
SVG 編集の使いやすさに感銘を受けました。Confluence にそのようなスケッチ エディターがあれば素晴らしいと思います! 私はそのようなプラグインを見つけることができませんでした、誰かもっと知っていますか?
php - アップロードした PDF ファイルを POST 経由で送信すると破損する
JQを使用してアップロードされたpdfファイルを、CLIとpdf2svgを使用してsvgファイルに変換するPHPファイルに送信しようとしています。最終的には、そのsvgファイルを返してsvgエディターに配置できるようにします。
現在、私はこれを持っています: svg-editor.js:
上記は、ロードされているファイルの拡張子をチェックし、そのpdfの場合はphpファイルに投稿します。(すべて正常に動作しています)
私のphpファイル(drupalと結びついています):
ロギングと、$svg が svg ファイルを返さないという事実を無視します --
PDF ストリームは投稿から取得され、保存されます。残念なことに、アップロードとサーバーへの保存の間に PDF ファイルが破損します。PDFファイルを保存しますが、そのファイルを空で開くと、exec()でサーバーに書き込まれるsvgファイルも空になります。
誰にもアイデアがありますか、これを行うためのより良い方法を知っていますか?
svg - 選択ボックスがオブジェクトを完全に飲み込む SVG 要素の選択
現在のところ、SVG-edit 2.6:
選択ツールは、選択ボックスがオブジェクト b.box (境界ボックス) と交差するときにオブジェクトを選択します。
これは間違ったUXだと思います。
選択ツールは、次のいずれかのオブジェクトのみを選択する必要があります。
- オブジェクト全体を飲み込む - または - 実際のオブジェクトと交差する
アプリ全体の数千の LOC で迷っています。コードをいじって動作させることができるアイデアや、上記の提案のいずれかを達成する方法について考えられるアイデアを持っている人はいますか?
javascript - svg でのマウス ホイールのズーム効果 - 中心点に移動し、限界に達したときにズームを停止する
svg でのマウス ホイールによるズーム効果 - 作業領域の中心点にズームする方法、およびズーム レベルが最小および最大ズーム レベルに達したときにズーム レベルを停止する方法。この最小ズーム値と最大ズーム値をどこに設定しますか?
以下は私のコードです、私はのzoomChanged
関数でズームレベルをリセットしましたsvgedit.compiled.js
そして、ext-grid.js
私は以下のコードを配置しました
マウス ホイールがスクロールされ、0.4 または 9.5 に達すると、グリッドはスケーリングを停止しますが、ズーム レベルは変更され、マウスが置かれているポイントにズームします。
マウスが置かれている場所ならどこでも作業領域を中心にズームする必要があり、到達minimum 0.4
するかmaximum 9.5
ズームを停止する必要があります。
どこが間違っていたのか、誰かが私を導くことができますか?
javascript - jqueryからsvgのテキスト要素の値を置き換える方法
建物を建設するための svg ツールを作成しています。(rect ツールを使用して) 部屋を作成し、それをグループ化して、その部屋の名前を配置したいと考えています。 rect ですが、次回はテキスト要素内の名前を既に終了する必要があります。以下は私のコードです
ここで、テキストがグループに既に存在するかどうかを確認し、それを空に置き換えて、再度テキストを追加しましたが、うまくいきました。誰でもガイドできますか