問題タブ [image-generation]
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 - css3グラデーション設定に基づいてphpで画像を生成しますか?
phpライブラリがあるかどうか、またはない場合は、基本的なHTML要素の入力設定とCSS 3グラデーションパラメーターから、phpを介して画像を生成する方法について誰かが知っていますか?
これが役立つ理由の例を示すために、数日前の時点で、基本的なCss3グラデーションスタイルを使用してWebページのワイヤーフレームをレイアウトすると、設計と開発の時間が大幅に短縮されることがわかりました。私はフォトショップからデザインすることはできません、私は愚かな小さな変更を補うために私がもっと愚かな小さなものを微調整することにつながるだけの愚かな小さなものを微調整するのに何時間も費やします。
-それで、私は最後までフォトショップの使用をやめ、ハイライトの要素、テキストシャドウ、境界線のメインスタイリングに焦点を当てるというエピファニーを持っていました。 cssだけでグラフィックデザインの基本に制限されます。
とにかく、レイアウトが完了したら、フォトショップでグラフィックを再作成して、すべてのブラウザで画像をレンダリングできるようにすることを計画しています。これにはそれほど時間はかかりませんが、繰り返す限り、PHPでそれを実行できれば、それは素晴らしいことです。たとえば、このスタイルを例にとると、見栄えの良いipad/ポッドishメニュー/ボタンのグラデーションがレンダリングされます。
[コード]背景:-moz-linear-gradient(top、#808080、#454545 50%、#313131 51%、#333333); 背景:-webkit-gradient(linear、左上、左下、color-stop(0、#808080)、color-stop(.5、#454545)、color-stop(.5、#313131)、to(# 333333)); [/ code]
基本的に、Imが実行しようとしているのは、そこに表示されている画像のレンダリングを制御する1つ以上の入力を取得することです。幅と高さを入力し、それに応じて画像のグラデーションをレンダリングします。これにより、画像を保存してアップロードし、デザインで使用できるようになります。
つまり、PHPにはいくつかの画像生成機能があることは知っていますが、これを実行するための最も効果的な方法や、それがすでに存在するかどうかについての入力をどの程度いただければ幸いです。
avatar - 盗んだり調べたりできる合成アバター スクリプトはありますか?
私がすぐに取り組むプロジェクトでは、アバターを生成する必要があります。生成プロセスは、ユーザーがさまざまな頭、髪型、衣服などを選択できるプロセスの 1 つです。一部のアイテムも最初は利用できず、獲得または購入する必要があります。
これを行う方法についてはすでにかなりのアイデアがありますが、それは重要な量のコードであるため、コードの実際の例を見るとよいでしょう。理想的には、スクリプトを作成して自分のページに統合できればよいのですが、他の人からアイデアを集めるだけでもいいでしょう。
私は PHP で作業しますが、他の言語の例も歓迎します。
追加:明確にするために、ランダム アバター ジェネレーター (または、ハッシュ値に基づいてアバターを生成するもの) を意味するものではありません。ランダム アバター ジェネレーターは、私が意図したものとは微妙に異なります。ランダム アバター ジェネレーターでは、プログラマー アーティストが、何がどこに行くかについてより多くの発言権を持っています。彼は互いに衝突しないピースを慎重に選ぶことができ、彼を悩ませるピースを捨てることができます.
私の場合、アバタージェネレーターはこれに似ています。ユーザーは、使用する頭、適用するヘアスタイル、使用する衣服などを選択します。そこには、アーティストが時々新しいものを追加して、さらに多くの作品があります。ピースがどのように適合するか、または適合しないかをテストするのははるかに困難です。場合によっては、より高度なブレンドが必要になることがあります (帽子の一部が髪の前にあり、一部が髪の後ろにある場合など)。等。
image - wolfram alpha はどのように数式で画像を生成しますか?
数式 (非ラテックス) を wolfram alpha のように鮮明な画像に変換するライブラリがあるかどうかに興味がありました。
たとえば、 (n^2+5x+3)/n はthisを出力する必要があります。
c++ - ピクセルで画像を生成するライブラリ
このスタイル(ダミー関数)で、ピクセル情報を介して画像を生成できるライブラリを探しています:
そのような機能はありますか?libpng を検索しましたが、ピクセルを手動で設定できないようです (ただし、間違っている可能性があります)...
出力の推奨形式は PNG です。GIF は許容されますが、JPG はおそらく機能しません (PNG や GIF のように圧縮と透過性の欠如のため)。
javascript - JSを使用して他の画像を利用して画像を生成するにはどうすればよいですか?
パラメータ(指定されたフォントを含む)として提供されるさまざまなテキストを含む画像を生成する方法を探しています。別の画像をテンプレート(ある種の背景)として使用しています。それが実際に可能であるならば、それを達成する方法を指摘するのを手伝ってください。
asp.net - Azure asp.net でのイメージの生成
現在、専用サーバーのサイトを実行していますが、将来的には Microsoft Azure クラウド プラットフォームを使用してスケールアップしたいと考えていますが、コードの特定の部分が Azure で動作するかどうかはわかりません。
このサイトは、各アイテムの画像を含むアイテムのギャラリーで構成されています。画像は sqlserver データベースに保存されます。
画像をディスクにキャッシュし、リクエストを画像にリダイレクトする http ハンドラーを作成しました (投稿の最後に示されているように)。
画像は、ASP.NET アプリケーション内の「imagecache」という仮想ディレクトリに保存されます。(つまり ~/imagecache/ )。
Web アプリは Azure プラットフォーム上の多くの仮想マシン インスタンスで実行されるため、インスタンス間でイメージを共有する必要がありますよね?
だから私の質問は本当に..私がすでに持っているものを実現する最良の方法は何ですか?
ありがとう
画像生成コード..
php - PHP用のヒートマップ生成ライブラリ
Googleマップのオーバーレイとしてヒートマップ画像を生成したい。画像を生成するときに複数の次元を考慮に入れることができるPHPライブラリを探しています。密度と品質の2つの次元があるとしましょう。この入力からヒートマップをどのように生成できますか?
canvas - HTML キャンバス + その他の HTML 要素から画像を生成
JIT ライブラリの SpaceTree プラグインを使用しています。私はプロジェクトの最終段階にあり、IE6 を使用する可能性は行き止まりであるため、代替オプションとして、視覚化を画像に変換することはもっともらしいはずです。
canvas の toDataURL() と新しい toBlob() 関数を使用しましたが、視覚化の半分しか生成されません。SpaceTree のノードには、コンテンツとスタイリングのための DIV、SPAN、IMG などの HTML DOM 要素が含まれているためです。
PHPのimagecopymergeを使って2枚の画像を重ね合わせようと考えています。1 つの画像はキャンバス コンテンツ (基本的にはノード間の接続線) で、2 つ目の画像は HTML ページのキャプチャです (コンテンツは AJAX と JSON で動的に読み込まれます)。
動的に読み込まれた HTML ページの画像を生成する方法を知っている人はいますか、または他の提案がありますか? 必要に応じて、スクリーンショットやデモなどの詳細情報を提供できます。
ありがとう
javascript - DOM要素から画像を生成する
dom要素(span、div、imageなど)から画像を生成することは可能ですか?この場合、canvasは使用できません。また、一部のブラウザーで機能する限り、クロスブラウザー互換である必要はありません。:-)
ありがとう!
コミュニティ編集:「クライアントはすでにこれらの要素を問題なく表示できると思いますが、サーバーがたとえばサイトの周りにプレビュー画像を表示できるようにしたいですか?」「うん、正確に。少しプレビューするだけで、開いている図を確認できます。プレビューは他の小さな場所でも使用されます。」