7

デザイナーから開発が義務付けられているファイルが渡されました。彼らは私に湾曲した/アーチ型のメニューをするように頼んでいます:

ここに画像の説明を入力してください

これを作成することは可能ですか?私はこれまでこのようなものに出くわしたことがなく、これに近づくことに困惑しています。

4

3 に答える 3

6

でできるかもしれませんcanvas。サンプルについては、CSS3 / Canvas を使用してテキストをカーブ / アークする方法はありますか の回答を参照してください。canvasIE8 以前ではサポートされていませんが、最近のブラウザーではかなり広くサポートされていることに注意してください。

画像のメニューはやや正弦波の形をしているので、正弦波の描画canvasに関するこのチュートリアルも参照してください。

ただし、このようなものには大変な作業です。代わりに、それを大きな画像にして、map要素を使用して画像マップを作成することができます。

一連の小さな画像から構成することもできます。

于 2012-07-26T03:35:24.803 に答える
2

CSS3 のrotationプロパティを使用して例を調べることができます。

https://www.google.com/search?q=css+rotate

https://www.google.com/search?q=css+rotate+menu

http://snook.ca/archives/html_and_css/css-text-rotation

于 2012-07-26T03:35:05.197 に答える
-2

これは、CSS を使用することはまったくできません。スライスしたイメージを使用して作成するか、フラッシュで実行する必要があります。

于 2012-07-26T03:34:27.053 に答える