javascript、もしくは、php で「円」(丸)を作成し、

その円の中に、文字をHTMLなりPHPで表示させるサンプルプログラム、
ご存知の方おありでしょうか。

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

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

OR

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

?>

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

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/05/26 09:27:57
  • 終了:2011/06/02 09:30:03

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932011/05/26 09:51:52

ポイント35pt

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を使う方法があります。

id:Banias No.2

Banias回答回数237ベストアンサー獲得回数192011/05/26 15:30:34

ポイント35pt

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

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません