javascript、もしくは、php　で「円」（丸）を作成し、

Question

kohhi

204

188もっと見る

70pt

ウェブ制作

javascript、もしくは、php　で「円」（丸）を作成し、

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

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

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

OR

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

?>

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

回答の条件

1人2回まで

登録：2011/05/26 09:27:57
終了：2011/06/02 09:30:03

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

Cherenkov 2011/05/26 10:16:29

css直しました。
http://jsfiddle.net/9tzrS/
Cherenkov 2011/05/26 10:28:11

どうしてもjsでやるなら
http://jsfiddle.net/hTBBP/

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Answer 1 · 2011-05-26T09:51:52+09:00

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

スタイルシート［CSS］/ボックス/ボックスの背景に画像を使う - TAG index Webサイト

Banias · Answer 2 · 2011-05-26T15:30:34+09:00

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

javascript、もしくは、php　で「円」（丸）を作成し、

回答（2件）

Cherenkov15044932011/05/26 09:51:52

参考

Banias237192011/05/26 15:30:34

コメント（2件)

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

javascript、もしくは、php で「円」（丸）を作成し、

回答（2件）

Cherenkov15044932011/05/26 09:51:52

参考

Banias237192011/05/26 15:30:34

コメント（2件)

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

javascript、もしくは、php　で「円」（丸）を作成し、