画像を表示の時だけ角丸にしたくて


簡単な方法ないかなぁと思って探したら


phpで角丸画像を生成させる方法がありました。


ってことでメモひらめき電球


AssemblySys dataServices


使い方は


まず、php codeを全てコピーして保存します。

そしてhtmlのimgタグのsrcを以下のようにします。そうすると画像が生成されて表示されます。


$images_dir = 'images/';

$corner_source = imagecreatefrompng('images/rounded_corner.png');

は事前に作る必要があります。

rounded_corner.pngは本サイトの一番下のHow to use itの「one of our corner images」から
ダウンロードできます。

URL

http://www.assemblysys.com/dataServices/rounded_corners.php


roundedCorners.phpは先ほど保存したファイルの名前です。

パラメーターはsrcは表示する画像

radiusは角丸の値
angleは回転
topleftのnoは角丸を有効にしない
bottomleft、bottomright、toprightも同じ


src='roundedCorners.php?src=bunny.jpg&radius=40'
src='roundedCorners.php?src=bunny.jpg&radius=40&angle=15'
src='roundedCorners.php?src=bunny.jpg&radius=40&topleft=no&bottomright=no'