問題タブ [dynamic-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.
javascript - スペースが含まれる場合に画像に収まる要素の数を計算します
ピクセル幅のNアイテムを、それらの間にピクセル幅のスペースでレンダリングする必要があります。xN-1y
画面上に表示されるアイテムの数を計算する必要があります。私がやっていることは、振幅の配列を列としてレンダリングすることです。これはスペースなしの私のテスト生成物です:
まず、画面に収まる項目の数を計算し、次に元の配列を再サンプリングして、画面に収まる値の正確な数を取得します。これは列あたり 5 ピクセルの場合と同じで、元の配列がリサンプリングされていることがわかります。
私が今使用している式は次のno_items = Math.floor(canvasWidth/(barWidth+spaceWidth))とおりです。
しかし、それはデータの最後に 1 つの余分なスペースがあることを明確に想定しています。単純に、アイテムの幅がバーの幅 + スペースの幅で計算されます。
最後にスペースなしでバーをレンダリングしたいのですが、スペースがあっても最後にスペースがなくても収まる数を計算するにはどうすればよいですか?
php - PHP/GD を使用して「金メッキ」テキスト効果のある画像を生成する
ユーザーが提供したテキストに基づいて、PHP 7.3/GDを使用して PNG 画像を動的に生成しています。
すべてが期待どおりに機能しますが、以下のような金メッキのスタイルを取得するために、何らかのフィルター/効果を適用したいと思います。
これを達成する方法はありますか？ぼかし/グロー/シャドウを適用するか、HTML5/CSS3 を介してこれを解決するソリューションを見つけましたが、このプロジェクトには GD/PHP を使用する必要があります。
これが私の現在のコードです：