問題タブ [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.

0 投票する
2 に答える
10024 参照

javascript - Raphael JS 2のパス座標に変換行列を適用するには?

Raphael JS 2 で複数のパスの変換を適用または「ベイク」して、それらを 1 つのパスに結合できるようにしたいと考えています。

これは、すべての「d」座標に「変換」属性を適用するパスの例です。

svg-edit フレームワークがパス座標を絶対位置に変換し、その過程で変換行列を削除できることを理解しています。

答えが得られなかったいくつかの関連する質問:

0 投票する
1 に答える
306 参照

javascript - Raster image resizing unexpectedly when uploaded to svg-edit

This is quite a project-specific question, to do with my implementation of svg-edit..

I've implemented the updated 'ext-server_opensave.js' (from this issue) so that the user is able to upload raster images from their file system.

The code snippet I'm having an issue with from 'ext-server_opensave.js' is the following:

The width and height attributes don't work when setting them there, the other attributes do work. It's a weird bug - the first image upload uploads the file in its original size, then every subsequent image upload resizes to 48x48. If I set the width and height values in that method I pasted above, I see the image in those dimensions for a split second and then it resizes back to 48x48. Basically, there's some handler/method down the chain that is resizing the image after svgCanvas.addSvgElementFromJson and svgCanvas.addToSelection, and I can't figure out where, after hours of debugging the javascript.

0 投票する
1 に答える
46280 参照

javascript - Changing the width/height of an SVG path

How can I change the width/height of a selected path in SVG-edit.

  • So far i only have this:

    svgCanvas.changeSelectedAttribute("height", "499");

The above command has absolutely no effect on the path. Resizing the bounding box just resizes the bounding box, but not the path itself.

0 投票する
1 に答える
316 参照

javascript - Transforming a path in svg-editor, method draw using user-input values

I am wondering if it would be possible to resize a path using values inputted by the user after he draws the path. Setting the width and height for example.

I am currently using the transform attribute within a JS function to do that but while the path gets resized, the handles of the path stay in the original position which makes the thing a total mess.

Any ideas?

0 投票する
4 に答える
11494 参照

javascript - 選択したSVG要素のバウンディングボックスを取得します

私は読みたい:

  • width、、、測定height_ x_y

特定のSVG要素に対して。


これを実行する最も簡単な方法は、最初に最小バウンディングボックスをフェッチし、そのプロパティを読み取ることだと思います。

どうすればこれにアクセスできますか?

0 投票する
1 に答える
1856 参照

base64 - 埋め込みAPIを使用してsvg-editで画像/ラスターをインポートする方法

コアAPIを使用して、メソッド "svgCanvas.importImage(url)がbase64でエンコードされた画像をインポートできることを確認しました。

ただし、組み込みAPIは、プライベートであるこのメソッドを公開しません。また、メソッドが使用するメソッド(svgFromgJsonなど)を使用できないようです。

埋め込まれたsvg-editの起動時に画像を表すbase64文字列をロードする方法について誰かアドバイスがありますか?その文字列をモックsvgファイルの<image>タグ内にラップして、その方法でインポートすることを考えています。

SVGはビットマップ画像の埋め込みをサポートしていますか?

0 投票する
1 に答える
3930 参照

javascript - viewBoxの外にあるコンテンツを切り取る方法は?

ビューボックスを非表示にするのではなく、ビューボックスの外側にあるパスをクリップする機能や方法はありますか?

ビューボックス、キャンバス領域を持つsvg-editを使用しています。そのキャンバスの外側に描かれたものはすべて隠されています。ただし、エディターの出力を収集してInkscapeなどのグラフィックエディターに貼り付けると、図面全体が表示されます。ビューボックスの外側にある図面をエディターの出力から完全に切り取ってほしい。したがって、たとえば、キャンバスの半分が外側にある円がある場合、エディタの出力は半分の円になり、円全体が半分だけ非表示になるわけではありません。

サブジェクトパス自体のジオメトリを変更したいのですが、それを非表示にするだけではありません。

私はsvg-editの変更を行っています:http ://code.google.com/p/svg-edit/

0 投票する
1 に答える
510 参照

svg - Poilu raphael ブール演算 (和、減算) と SVG 編集の統合

私はsvg-edit、より具体的にはMark McKays Method draw: https://github.com/duopixel/Method-Drawの修正を行っています。

私が見つけたこの Raphael ライブラリを使用したい: https://github.com/poilu/raphael-booleanこれにより、キャンバス内のパスでブール (セット) 操作を実行できます。

これで、エディター内に関数を起動するボタンを実装しました。

さて、ボタンをクリックすると、エディターは楕円で結合された (結合された) パスを返すはずではありませんか?

または私はこれを間違っていますか?

var paper = Raphael("canvas", 250, 250); で何かを変更する必要があると考えています。svg-edit はキャンバスに別の名前を使用しているため、行ですが、どうすればよいかわかりません。

私はこれに苦労してきたので、どんな助けも深く感謝します.

更新: このライブラリは、複数オブジェクトの溶接、自己交差、およびその他の多くのケースを処理できません。2 つの単純なオブジェクトに対して操作を実行する場合にのみ機能します。これは当面の質問とは直接関係ないかもしれませんが、とにかく言及するのが賢明だと思いました.

SVG 要素に対するブール演算を探している場合は、この質問を参照してください: SVG パスに対するブール演算