phpを使って通常サイズの画像の周りに境界線を付けたいです。テキストから画像への境界線は見つかりましたが、単純な画像では見つかりませんでした。境界線の幅は変更可能です。助けてください
4 に答える
GDやimagemagickを使用して画像を操作するのではなく、画像上に[css border] [1]を配置するか、画像よりもわずかに大きい画像の背後にdivを配置します。
cssを使用してすべての画像に境界線を付けます:
img { border: 2px solid #000; }
または、次のようないくつかの境界クラスを定義できます。
.border1 {border: 1px solid #000}
.border2 {border: 2px solid #000}
.border3 {border: 3px solid #000}
そしてあなたの画像に使用します:
<img src="..." class="border1"></img>
また
<img src="..." class="border3 "></img>
編集: scss / sassを使用している場合は、次のようなこともできます:
@for $i from 1 through 10 {
img.border_#{$i} { border: #{$i}px solid #000; }
}
サスロック!
色について:
.bMainColor{border-color:#ff0000;}
.bSecColor{border-color:#00ff00;}
.bThirdColor{border-color:#0000ff;}
とimgタグ:
<img src="..." class="border1 bMainColor"></img>
私はcssを使用する非常に多くの方法があると思います:)
国境に関する参考資料:
http://www.w3.org/TR/CSS2/box.html#border-properties
phpでImageMagickを使用します。画像に境界線を追加する直接コマンドがあります。を参照してください。
img 要素には、デフォルトで境界属性がありますhttp://www.w3schools.com/tags/tag_IMG.asp PHP の専門家ではありませんが、完全に柔軟になるように、タグ自体の内部に動的変数を含めることも選択します。
変更可能にしたい場合は、境界線のピクセルサイズを入力してから送信ボタンを入力するテキストボックスを作成します。投稿または取得など、好きなものを使用してください。
しかし、これは、何らかの方法で動的にしない限り、ページが変更されていない場合にのみ機能します..
<img src="..." style="border:<? $_POST['pixel']; ?>" />
それ以外の場合は、@dwarfy のソリューションを使用してください。