タグ付けされた質問 「javascript」

選択したすべてのパスのすべてのポイントを最も近い（ピクセルグリッドではない）グリッドポイントに移動するスクリプトをどのように記述しますか？ たとえば、各ポリゴン/パスのすべてのポイントがカスタムグリッド上の最も近いポイントにスナップするようにします。鉱山は1グリッド単位= 11.338pxまたは4mmとしてセットアップされていますが、理想的にはスクリプトは任意の単位値に拡張されます 私の疑似コード、v0.1： // set grid units as pixels - in my case 11.338px = 8mm = 1 grid unit units = 11.338 // Nested loop through all polygons/paths, then all points in each polygon For each Polygon { For each Point P in Polygon { // move the …

8 cs6  grids  illustrator-scripting  javascript 

したがって、私は、プログラムによって生成/変更されたSVGとPhantomJS（現在1.9.0）を最終的なレンダリングエンジンとして使用して、ヘッドレスLinux環境で問題なく実行されているグラフィックスオートメーションチェーンを持っています。動的テキストの置換要件があり、その結果動的フォントのスケーリングと調整のニーズがあります...私は埋め込みSVGフォントといくつかのくだらない埋め込みJavaScriptを使用してきましたが、次の2つを除いて正常に機能します。 1）クライアントは合字のフォントを要求します（SVGフォント形式はサポートしていません）。 2）ライブプレビューオプションを検討しています。事前にサーバー上でpng / jpeg /をレンダリングせずに、SVGをWebページまで提供できるようにしたいと考えています。負荷を抑え、クライアントのCPUに負荷のかかる処理をすべて実行させます。 これらの問題のために、SVGフォントのサポートがそれほど良くなかったため、WOFFフォントをいじってみました。クライアントが必要な場合は、Blinkエンジンに切り替えると、Chromeでこれらのフォントがサポートされなくなります。できる限り多くの一般的なブラウザと互換性のあるものが必要です... だからここに問題があります：WOFF（またはOFTまたはTTF）フォントと@ font-face関数を使用すると、自動スケーリングが失敗します。 私がしていることは、グラフィックのSVGフォントをdefsに埋め込み、他のSVG要素のようにDOMで参照することです。これは、次のようなJavaスクリプトと組み合わせると、私が期待し必要なことを行います。 <script id="multiscaler1" type="text/javascript"> var texta = document.getElementById("text8093"); var textb = document.getElementById("text8100"); var textpatha = document.getElementById("textPath8097"); var textpathb = document.getElementById("textPath8104"); var patha = document.getElementById("path8091"); var pathb = document.getElementById("path8089"); var charcounta = textpatha.getNumberOfChars(); var charcountb = textpathb.getNumberOfChars(); var fontsizea = 10; var …

7 fonts  svg  web-fonts  resize  javascript