PHPアルゴリズムの書き方

.we
{
border-radius: 62px; /* すべての角は半径 5 ピクセルで丸められます。 */
-moz-border-radius:62px; /* Mozilla ブラウザのプライベート プロパティ*/
-webkit-border-radius: 62px; /* Webkit ブラウザーのプライベート プロパティ */
width:62px;
border-radius: 62px 62px 62px;半径の値は左上隅、右上隅、左下隅です */
margin-left: 15px; margin-top: 15px; color: #FFF; : #FFF; }

やりたいことを明確にしていませんでした
html5?

この効果だけを実現したい場合は

html5 Canvas を使うと簡単です

それはあなたが理解していないことを意味します。 。 。静かに泣いてた

やりたいことが明確じゃなかった

.we{ border-radius: 62px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */    -moz-border-radius:62px; /* Mozilla浏览器的私有属性 */    -webkit-border-radius: 62px; /* Webkit浏览器的私有属性 */    background:#000;    width:62px; height:62px;    border-radius: 62px 62px 62px 62px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */    margin-left: 15px; margin-top:15px; float: left; color: #FFF;    color: #FFF;}<div class="we"></div>

やりたいことが明確じゃなかった

.we{ border-radius: 62px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */    -moz-border-radius:62px; /* Mozilla浏览器的私有属性 */    -webkit-border-radius: 62px; /* Webkit浏览器的私有属性 */    background:#000;    width:62px; height:62px;    border-radius: 62px 62px 62px 62px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */    margin-left: 15px; margin-top:15px; float: left; color: #FFF;    color: #FFF;}<div class="we"></div>

丸は描いてなかった今欲しいレンダリングのようになります。 。 。アルゴリズムを使用して描画します。 。描き方。 。 。 1 つずつ描くのは面倒です

画像内の各点の位置を見つけます
点が交差しないようにしたい場合は、2 点間の距離を計算する必要があります:
sqrt( pow($x1- $x2),2) + pow($y1-$y2),2)) / 2 <= 円の点の半径

円のサイズと位置のこれらのデータはどのようにして得られるのでしょうか?これが重要なポイントです。

画像内の各点の位置を見つけます

$a = rand(0, 2 * M_PI); //极角$r = rand(0, $R); //极距$x = $ox + $r * cos($a);$y = $oy + $r * sin($a);

点が交差しないことを確認したい場合は、2 点間の距離を計算する必要があります:

sqrt(pow($x1-$x2),2 ) + pow( $y1-$y2),2)) / 2

わかりません。 。私の効果を書き留めるのを手伝っていただけませんか