人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript、もしくは、php で「円」(丸)を作成し、
その円の中に、文字をHTMLなりPHPで表示させるサンプルプログラム、
ご存知の方おありでしょうか。

以下のようなイメージになると思います。

<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">>
--円を描く
--円の中に文字
(文字にハイパーリンク---<a href="ファイル名">文字</a>--を使いたい)

OR

<?php
echo 円(丸);
echo "<a href="ファイル名">文字</a>"
*ファイル名は円の中に表示される

?>

のような事は可能なのでしょうか。
アドバイスいただけると助かります。


●質問者: kohhi
●カテゴリ:ウェブ制作
✍キーワード:echo HTML JavaScript PHP アドバイス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●35ポイント

cssで作ってみました。


demo

http://jsfiddle.net/4Pm5A/


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#circle {
width: 100px;
height: 100px;
background: #5279E7;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.circle_link {
position: relative;
left: 42%;
top: 40%;
}
</style>
</head>
<body>
<div id="circle">
<a class="circle_link" href=""></a>
</div>
</body>
</html>
参考

The Shapes of CSS



他には、円の画像を背景にしたり、canvasを使う方法があります。


2 ● Banias
●35ポイント

JavaScriptのライブラリ「wz_jsgraphics.js」を使ってできます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ