php畫菱形
1. php循環輸出*的實心菱形
其實這個簡單的 寫個類 參數傳入，循環根據參數計算輸出就可以的
2. 用php語言編程：輸出一個由「*」符號組成的菱形圖形（必須使用for循環語句）
我的是C#編的,語言不重要,關鍵是掌握方法,我晚自習想了兩節課後自己想到了原創的演算法(雖然回家調試沒得到菱形,但很快就修改成功了)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
namespace 字元圖案輸出
{
class Program
{
static void Main(string[] args)
{
bool b = true;
while (b == true)
{
try//判斷數據是否合法↓
{
Console.Write("請輸入一個奇數: ");
int n = Convert.ToInt32(Console.ReadLine());
if (n % 2 == 0)
{
continue;
}
for (int i = 1; i <= (2 * n) -1; i++)
{
for (int j = 1; j <= Math.Abs(n - i); j++)//絕對值實現對稱, 如:3210123,想想,◆是不是先輸出空格,並逐行減少, 後逐行增多
{
Console.Write(' ');
}
for (int k = 1; k <= Math.Abs(n - Math.Abs(n - i)); k++)//同理,◆第一行輸出1個*,後逐行增多,然後又逐行減少
{
Console.Write("* ");//如果*後沒有空格,則是半個菱形
}
Console.WriteLine();
}
}
catch
{
b = true;
}
}
}
}
}
3. 求php用星形畫出菱形的代碼
網頁：
<?
$n = 5;
$f = false;
$i = 0;
while($i >= 0)
{
for($j = 0; $j < $n-$i-1; ++$j) echo " ";
for($j = 0; $j < 2*$i+1; ++$j) echo "*";
echo "
";
if($i+1 == $n) $f = true;
if($f) --$i; else ++$i;
}
?>
控制台腳本：
<?
$n = 5;
$f = false;
$i = 0;
while($i >= 0)
{
for($j = 0; $j < $n-$i-1; ++$j) echo " ";
for($j = 0; $j < 2*$i+1; ++$j) echo "*";
echo "\n";
if($i+1 == $n) $f = true;
if($f) --$i; else ++$i;
}
?>
$n是菱形的邊長
4. PHP怎麼列印菱形
```php
function draw($width){
$i=1;
while($i<$width*2){
$col=$i>$width?2*$width-$i:$i;
echo str_repeat("*",$col),"\n";
$i+=2;
}
}
draw(7);
```
5. 怎樣才能畫出菱形
眾所周知，畫菱形有好多方法，如下為主要方法：
手畫
畫兩個半徑相等不同心的相交圓 連接兩個圓心和兩個圓交點 ，即得菱形
兩圓半徑均為菱形邊長。
CAD
畫個等腰三角形，然後鏡像；
如果沒有角度要求，隨意畫一條傾斜的線段，然後給這條線段進行復制偏移後得到兩條平行的斜線，對這兩條平行的斜線進行鏡像。
如果有角度要求，先用直線旋轉到你要的角度，然後可以通過鏡像線的方式，平行或垂直鏡像都可以達到菱形的完成。
excel
直接插入軟體中自帶的形狀圖片即可。
操作方法為：
在Excel界面左下角找到「自選圖形」，點擊後選擇「基本形狀」，在基本形狀中找到菱形的圖標，點擊。就可以在Excel中畫菱形了。
如下圖：
1、找到菱形圖標。
6. 如何畫出菱形
如果你知道菱形的水平距離和豎直距離的話，，可以先畫個橢圓，然後用線分別拾取菱形的四個端點，連接到一起就是一個菱形，單獨的畫菱形命令是沒有的，，
7. 新手求助，php用for循環輸出一個由「*」符號組成的菱形圖案求代碼
<?php
$n=6;//層數來
for($i=1;$i<=$n;$i++)//列印自正三角
{
for($j=1;$j<=$n-$i;$j++){
echo " "; //列印空格
}
for($k=1;$k<=($i-1)*2+1;$k++){
echo "*"; //列印星星個數
} //三角星星個數=層數減1乘以2加1
echo "<br/>"; //即(n-1)*2+1,也寫作2*n-1
}
for($s=$n-1;$s>=1;$s--)//列印倒三角
{
for($t=1;$t<=$n-$s;$t++){
echo " ";
}
for($u=1;$u<=($s-1)*2+1;$u++){
echo "*";
}
echo "<br/>";
}
?>
最後效果:
*
***
*****
*******
*********
***********
*********
*******
*****
***
*
你可以通過修改層數,得到你要的效果
8. php用*做實心菱形
<?php
$a=5;//控制循環的行數
$str="*";//輸出顯示字元
$space=" ";//輸出空格字元
//以上是已基本設定
for($i=1;$i<=$a;$i++){//$b代表內空容格數目
for($b=1;$b<=$a-$i;$b++){//控制輸出的空格數
echo$space;
}//$c代表輸出字元數目
for($c=1;$c<=($i-1)*2+1;$c++){//控制輸出的字元數目
echo$str;
}
echo"<br/>";
}//上面的循環負責菱形的上半部分，下面的循環負責菱形的下半部分
for($i=$a-1;$i>=1;$i--){//$b代表空格數目
for($b=1;$b<=$a-$i;$b++){//控制輸出的空格數
echo$space;
}//$c代表輸出字元數目
for($c=1;$c<=($i-1)*2+1;$c++){
echo$str;
}
echo"<br/>";
}
?>
9. html5中怎麼畫菱形，多邊形
一、多邊形類:polygon.js
var Point = function (x, y) {
this.x = x;
this.y = y;
};
var Polygon = function (centerX, centerY, radius, sides, startAngle, strokeStyle, fillStyle, filled) {
this.x = centerX;//外接圓心x坐標
this.y = centerY;
this.radius = radius;//外接圓半徑
this.sides = sides;//邊數
this.startAngle = startAngle;//開始角度
this.strokeStyle = strokeStyle;
this.fillStyle = fillStyle;
this.filled = filled;
};
Polygon.prototype = {
getPoints: function () {//獲取多邊形所有頂點
var points = [],
angle = this.startAngle || 0;
for (var i=0; i < this.sides; ++i) {
points.push(new Point(this.x + this.radius * Math.sin(angle),
this.y - this.radius * Math.cos(angle)));
angle += 2*Math.PI/this.sides;
}
return points;
},
createPath: function (context) {//創建多邊形路徑
var points = this.getPoints();
context.beginPath();
context.moveTo(points[0].x, points[0].y);
for (var i=1; i < this.sides; ++i) {
context.lineTo(points[i].x, points[i].y);
}
context.closePath();
},
stroke: function (context) {//對多邊形描邊
context.save();
this.createPath(context);
context.strokeStyle = this.strokeStyle;
context.stroke();
context.restore();
},
fill: function (context) {//填充
context.save();
this.createPath(context);
context.fillStyle = this.fillStyle;
context.fill();
context.restore();
},
move: function (x, y) {
this.x = x;
this.y = y;
},
};
二、HTML文件
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gbk">
<title>拖動多邊形</title>
<style>
body{
background: #eeeeee;
}
#dragDiv {
position: absolute;
left: 25px;
top: 50px;
}
#controls {
position: absolute;
left: 25px;
top: 25px;
}
#canvas {
background: #ffffff;
cursor: crosshair;
margin-left: 10px;
margin-top: 10px;
-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
-moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
}
</style>
</head><body>
<canvas id='canvas' width='850' height='500'>Canvas not supported</canvas>
<div id='controls'>
描邊顏色: <select id='strokeStyleSelect'>
<option value='red' selected>red</option>
<option value='green'>green</option>
<option value='blue'>blue</option>
<option value='orange'>orange</option>
<option value='goldenrod'>goldenrod</option>
<option value='navy'>navy</option>
<option value='purple'>purple</option>
</select>
填充顏色: <select id='fillStyleSelect'>
<option value='rgba(255,0,0,0.5)'>semi-transparent red</option>
<option value='green'>green</option>
<option value='orange'>orange</option>
<option value='goldenrod' selected>goldenrod</option>
<option value='navy'>navy</option>
<option value='purple'>purple</option>
</select>
邊數: <select id='sidesSelect'>
<option value=4 select>4</option>
<option value=6>6</option>
<option value=8>8</option>
<option value=10>10</option>
<option value=12>12</option>
<option value=20>20</option>
</select>
開始角度: <select id='startAngleSelect'>
<option value=0 select>0</option>
<option value=22.5>22.5</option>
<option value=45>45</option>
<option value=67.5>67.5</option>
<option value=90>90</option>
</select>
是否填充 <input id='fillCheckbox' type='checkbox' checked/>
<input id='eraseAllButton' type='button' value='清除所有'/>
</div>
<div id='dragDiv'>
編輯: <input type='checkbox' id='editCheckbox'/>
</div>
<script src = 'polygon.js'></script>
<script src = 'example.js'></script>
</body></html>
三、JS文件 example.js
var canvas = document.getElementById('canvas'),
context = canvas.getContext('2d'),
//清除按鈕
eraseAllButton = document.getElementById('eraseAllButton'),
//描邊顏色
strokeStyleSelect = document.getElementById('strokeStyleSelect'),
//畫多邊形的開始角度
startAngleSelect = document.getElementById('startAngleSelect'),
//填充顏色
fillStyleSelect = document.getElementById('fillStyleSelect'),
//不否填充
fillCheckbox = document.getElementById('fillCheckbox'),
//進入編輯
editCheckbox = document.getElementById('editCheckbox'),
//邊數
sidesSelect = document.getElementById('sidesSelect'),
//canvas點陣圖數據
drawingSurfaceImageData,
//記錄滑鼠按下的位置
mousedown = {},
//橡皮筋矩形框
rubberbandRect = {},
dragging = false,//是否在拖動狀態
draggingOffsetX,
draggingOffsetY,
sides = 8,
startAngle = 0,
guidewires = true,
editing = false,
//保存已繪制的多邊形
polygons = [];
// Functions..........................................................
//畫網路線
function drawGrid(color, stepx, stepy) {
context.save()
context.shadowColor = undefined;
context.shadowBlur = 0;
context.shadowOffsetX = 0;
context.shadowOffsetY = 0;
context.strokeStyle = color;
context.fillStyle = '#ffffff';
context.lineWidth = 0.5;
context.fillRect(0, 0, context.canvas.width, context.canvas.height);
context.beginPath();
for (var i = stepx + 0.5; i < context.canvas.width; i += stepx) {
context.moveTo(i, 0);
context.lineTo(i, context.canvas.height);
}
context.stroke();
context.beginPath();
for (var i = stepy + 0.5; i < context.canvas.height; i += stepy) {
context.moveTo(0, i);
context.lineTo(context.canvas.width, i);
}
context.stroke();
context.restore();
}
//窗口坐標轉canvas坐標
function windowToCanvas(x, y) {
var bbox = canvas.getBoundingClientRect();
return { x: x - bbox.left * (canvas.width / bbox.width),
y: y - bbox.top * (canvas.height / bbox.height)
};
}
// 保存或恢復已繪制的畫面...................................
function saveDrawingSurface() {
drawingSurfaceImageData = context.getImageData(0, 0,canvas.width,canvas.height);
}
function restoreDrawingSurface() {
context.putImageData(drawingSurfaceImageData, 0, 0);
}
// 畫多邊形.....................................................
function drawPolygon(polygon) {
context.beginPath();
polygon.createPath(context);
polygon.stroke(context);
if (fillCheckbox.checked) {
polygon.fill(context);
}
}
// 更新橡皮筋矩形框...................................................
function updateRubberbandRectangle(loc) {
rubberbandRect.width = Math.abs(loc.x - mousedown.x);
rubberbandRect.height = Math.abs(loc.y - mousedown.y);
if (loc.x > mousedown.x) rubberbandRect.left = mousedown.x;
else rubberbandRect.left = loc.x;
if (loc.y > mousedown.y) rubberbandRect.top = mousedown.y;
else rubberbandRect.top = loc.y;
}
//以滑鼠按下點為圓心，橡皮筋框寬為半徑創建多邊形
function drawRubberbandShape(loc, sides, startAngle) {
var polygon = new Polygon(mousedown.x, mousedown.y,
rubberbandRect.width,
parseInt(sidesSelect.value),
(Math.PI / 180) * parseInt(startAngleSelect.value),
context.strokeStyle,
context.fillStyle,
fillCheckbox.checked);
drawPolygon(polygon);//畫多邊形
if (!dragging) {//保存這個多邊形
polygons.push(polygon);
}
}
//更新橡皮筋
function updateRubberband(loc, sides, startAngle) {
updateRubberbandRectangle(loc);
drawRubberbandShape(loc, sides, startAngle);
}
// 網路線.................................................
function drawHorizontalLine (y) {
context.beginPath();
context.moveTo(0,y+0.5);
context.lineTo(context.canvas.width,y+0.5);
context.stroke();
}
function drawVerticalLine (x) {
context.beginPath();
context.moveTo(x+0.5,0);
context.lineTo(x+0.5,context.canvas.height);
context.stroke();
}
function drawGuidewires(x, y) {
context.save();
context.strokeStyle = 'rgba(0,0,230,0.4)';
context.lineWidth = 0.5;
drawVerticalLine(x);
drawHorizontalLine(y);
context.restore();
}
//繪制保存的所有多邊形
function drawPolygons() {
polygons.forEach( function (polygon) {
drawPolygon(polygon);
});
}
希望能夠幫助到你！