1

私はWeb開発に非常に慣れていないので、画像 ここに画像の説明を入力してくださいのように、エッジが丸いボックスにテキストを含むオブジェクトを作成する必要があります。境界線のサイズは、テキストのサイズに応じて大きくなるはずです。

cssライブラリまたはcss3border-radiusを使用できません。誰かが私を正しい方向に向けてくれませんか?完全に機能するコードは必要ありません。詳細を自分で把握したいのですが、リンクや調査対象のリストをいただければ幸いです。

ありがとう!

---編集----私はcssまたはjavascriptライブラリも使用できません。私は実際のシナリオではなく、割り当てのためにこれを行っています-したがって、制限があります。

4

2 に答える 2

0

丸みを帯びた角の外観を実現するためにcssまたは画像を使用したくない場合は、気の利いた角をチェックできます。

基本的には、JavaScriptを使用してコーナーに新しいタグをオーバーレイし、色のコントラストを使用して曲線を取得します。

于 2012-10-07T05:56:51.300 に答える
0

ライブラリとcss3を使用しない場合は、次の2つのオプションがあります。

  1. 丸みを帯びた長方形の画像をスライスし、テキストをdiv内に配置し、それらの画像に背景を設定して他のdivの束を作成します。詳細については、こちらをご覧ください。

  2. キャンバスを使用してくださいここを参照してください

心配しないでください。canvasはライブラリではなく、Html5仕様の一部です(html5を使用できるかどうかはわかりませんが)canvasの詳細と使用方法については、こちらと簡単なチュートリアルをご覧ください。キャンバス内にテキストを描画する方法は、ここで説明されています

于 2012-10-07T16:31:19.097 に答える