PHP绘制3D图形之自定义图形及矢量图

Rumah

pembangunan bahagian belakang

tutorial php

PHP绘制3D图形之自定义图形及矢量图_PHP

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 01, 2016 pm 12:21 PM

上一篇进行了一些简单3D图形实例，本篇介绍自定义及矢量图实例。首先绘制一个三尖角星体，分别由“前面”，“后面”和三个“侧面”组成。

自定义多边形

代码：

以下为引用的内容：

<span style="COLOR: blue"><?php
require_once</span><span style="COLOR: purple">(</span><span style="COLOR: olive">'Image/3D.php'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">$image </span><span style="COLOR: purple">= </span><span style="COLOR: blue">new </span>Image_3D<span style="COLOR: purple">()</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">))</span>;
<span style="COLOR: green">//创建光源
</span><span style="COLOR: blue">$light1 </span><span style="COLOR: purple">= </span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createLight<span style="COLOR: purple">(</span><span style="COLOR: olive">'light'</span><span style="COLOR: purple">,</span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">50</span><span style="COLOR: purple">, -</span><span style="COLOR: red">50</span><span style="COLOR: purple">, -</span><span style="COLOR: red">50</span><span style="COLOR: purple">))</span>;
<span style="COLOR: blue">$light1</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">100</span><span style="COLOR: purple">, </span><span style="COLOR: red">250</span><span style="COLOR: purple">, </span><span style="COLOR: red">100</span><span style="COLOR: purple">))</span>;

<span style="COLOR: blue">$light2 </span><span style="COLOR: purple">= </span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createLight<span style="COLOR: purple">(</span><span style="COLOR: olive">'light'</span><span style="COLOR: purple">,</span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">50</span><span style="COLOR: purple">, -</span><span style="COLOR: red">50</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">))</span>;
<span style="COLOR: blue">$light2</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">100</span><span style="COLOR: purple">, </span><span style="COLOR: red">100</span><span style="COLOR: purple">, </span><span style="COLOR: red">250</span><span style="COLOR: purple">))</span>;

<span style="COLOR: blue">$light3 </span><span style="COLOR: purple">= </span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createLight<span style="COLOR: purple">(</span><span style="COLOR: olive">'light'</span><span style="COLOR: purple">,</span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">50</span><span style="COLOR: purple">, </span><span style="COLOR: red">50</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">))</span>;
<span style="COLOR: blue">$light3</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">50</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">100</span><span style="COLOR: purple">))</span>;

<span style="COLOR: green">//创建多边形数组
</span><span style="COLOR: blue">$polygons </span><span style="COLOR: purple">= </span><span style="COLOR: blue">array</span><span style="COLOR: purple">()</span>;

<span style="COLOR: green">//前面点坐标
</span><span style="COLOR: blue">$polygons</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">18</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">)
              )</span>;

<span style="COLOR: green">//后面点坐标
</span><span style="COLOR: blue">$polygons</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">18</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">)
              )</span>;

<span style="COLOR: green">//三侧面点坐标
</span><span style="COLOR: blue">$polygons</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">),</span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">)
              )</span>;
<span style="COLOR: blue">$polygons</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">18</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">18</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">)
              )</span>;
<span style="COLOR: blue">$polygons</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">),  </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">), </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">0</span><span style="COLOR: purple">, -</span><span style="COLOR: red">120</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">), 
                </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">18</span><span style="COLOR: purple">, -</span><span style="COLOR: red">12</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">),</span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: red">86</span><span style="COLOR: purple">, </span><span style="COLOR: red">48</span><span style="COLOR: purple">, </span><span style="COLOR: red">60</span><span style="COLOR: purple">)
              )</span>;

<span style="COLOR: green">//绘制3D图像
</span><span style="COLOR: blue">foreach </span><span style="COLOR: purple">(</span><span style="COLOR: blue">$polygons as $poly</span><span style="COLOR: purple">) {
    </span><span style="COLOR: blue">$points </span><span style="COLOR: purple">= </span><span style="COLOR: blue">array</span><span style="COLOR: purple">()</span>;
    <span style="COLOR: blue">foreach </span><span style="COLOR: purple">(</span><span style="COLOR: blue">$poly as $set</span><span style="COLOR: purple">) {
        </span><span style="COLOR: blue">$points</span><span style="COLOR: purple">[] = </span><span style="COLOR: blue">new </span>Image_3D_Point<span style="COLOR: purple">(</span><span style="COLOR: blue">$set</span><span style="COLOR: purple">[</span><span style="COLOR: red">0</span><span style="COLOR: purple">], </span><span style="COLOR: blue">$set</span><span style="COLOR: purple">[</span><span style="COLOR: red">1</span><span style="COLOR: purple">], </span><span style="COLOR: blue">$set</span><span style="COLOR: purple">[</span><span style="COLOR: red">2</span><span style="COLOR: purple">])</span>;
    <span style="COLOR: purple">}
    </span><span style="COLOR: blue">$p </span><span style="COLOR: purple">= </span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createObject<span style="COLOR: purple">(</span><span style="COLOR: olive">'polygon'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">$points</span><span style="COLOR: purple">)</span>;
    <span style="COLOR: blue">$p</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">))</span>;
<span style="COLOR: purple">}

</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>transform<span style="COLOR: purple">(</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createMatrix<span style="COLOR: purple">(</span><span style="COLOR: olive">'Rotation'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">10</span><span style="COLOR: purple">, -</span><span style="COLOR: red">25</span><span style="COLOR: purple">, -</span><span style="COLOR: red">15</span><span style="COLOR: purple">)))</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createRenderer<span style="COLOR: purple">(</span><span style="COLOR: olive">'perspectively'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createDriver<span style="COLOR: purple">(</span><span style="COLOR: olive">'gd'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>render<span style="COLOR: purple">(</span><span style="COLOR: red">300</span><span style="COLOR: purple">, </span><span style="COLOR: red">300</span><span style="COLOR: purple">, </span><span style="COLOR: olive">'anim.png'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">echo </span><span style="COLOR: olive">'<img  src="/static/imghw/default1.png"  data-src="anim.png"  class="lazy" alt="PHP绘制3D图形之自定义图形及矢量图_PHP" >'</span>;
<span style="COLOR: blue">?></span>

Salin selepas log masuk

效果图：

矢量图

可缩放的矢量图形（Scalable Vector Graphics，SVG）文件格式是组成2D图像的矢量XML文件。在2001年，W3C对该格式进行了标准化，但其在Web方面的使用因为浏览器显示SVG文件的牵制而不很流行。目前，最好的选择是Firefox它有内置的SVG支持，或具有Adobe SVG插件的IE。下面通过一个实例生成SVG文件。

代码：

以下为引用的内容：

<span style="COLOR: blue"><?php
require_once</span><span style="COLOR: purple">(</span><span style="COLOR: olive">'Image/3D.php'</span><span style="COLOR: purple">)</span>;

<span style="COLOR: blue">$rot_x </span><span style="COLOR: purple">= </span><span style="COLOR: red">45</span>;
<span style="COLOR: blue">$rot_y </span><span style="COLOR: purple">= </span><span style="COLOR: red">45</span>;
<span style="COLOR: blue">$rot_z </span><span style="COLOR: purple">= </span><span style="COLOR: red">10</span>;

<span style="COLOR: blue">$image </span><span style="COLOR: purple">= </span><span style="COLOR: blue">new </span>Image_3D<span style="COLOR: purple">()</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">255</span><span style="COLOR: purple">))</span>;

<span style="COLOR: blue">for </span><span style="COLOR: purple">(</span><span style="COLOR: blue">$x</span><span style="COLOR: purple">=</span><span style="COLOR: red">0</span>; <span style="COLOR: blue">$x </span><span style="COLOR: purple">< </span><span style="COLOR: red">4</span>; <span style="COLOR: blue">$x</span><span style="COLOR: purple">++) {
  </span><span style="COLOR: blue">for </span><span style="COLOR: purple">(</span><span style="COLOR: blue">$y</span><span style="COLOR: purple">=</span><span style="COLOR: red">0</span>; <span style="COLOR: blue">$y </span><span style="COLOR: purple">< </span><span style="COLOR: red">4</span>; <span style="COLOR: blue">$y</span><span style="COLOR: purple">++) {
    </span><span style="COLOR: blue">for </span><span style="COLOR: purple">(</span><span style="COLOR: blue">$z</span><span style="COLOR: purple">=</span><span style="COLOR: red">0</span>; <span style="COLOR: blue">$z </span><span style="COLOR: purple">< </span><span style="COLOR: red">4</span>; <span style="COLOR: blue">$z</span><span style="COLOR: purple">++) {
      </span><span style="COLOR: green">//创建球体
      </span><span style="COLOR: blue">$sphere </span><span style="COLOR: purple">= </span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createObject<span style="COLOR: purple">(</span><span style="COLOR: olive">'sphere'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: olive">'r' </span>=> <span style="COLOR: red">25</span><span style="COLOR: purple">, </span><span style="COLOR: olive">'detail' </span>=> <span style="COLOR: red">3</span><span style="COLOR: purple">))</span>;
      <span style="COLOR: green">//后面150用于设置图像透明度
      </span><span style="COLOR: blue">$sphere</span><span style="COLOR: purple">-></span>setColor<span style="COLOR: purple">(</span><span style="COLOR: blue">new </span>Image_3D_Color<span style="COLOR: purple">(</span><span style="COLOR: red">255</span><span style="COLOR: purple">, </span><span style="COLOR: red">162</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">, </span><span style="COLOR: red">150</span><span style="COLOR: purple">))</span>;
      <span style="COLOR: blue">$sphere</span><span style="COLOR: purple">-></span>transform<span style="COLOR: purple">(</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createMatrix<span style="COLOR: purple">(</span><span style="COLOR: olive">'Move'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">array</span><span style="COLOR: purple">((</span><span style="COLOR: blue">$x </span><span style="COLOR: purple">* </span><span style="COLOR: red">75</span><span style="COLOR: purple">) + </span><span style="COLOR: red">50</span><span style="COLOR: purple">, </span><span style="COLOR: blue">$y </span><span style="COLOR: purple">* </span><span style="COLOR: red">75</span><span style="COLOR: purple">, </span><span style="COLOR: blue">$z </span><span style="COLOR: purple">* </span><span style="COLOR: red">75</span><span style="COLOR: purple">)))</span>;
      <span style="COLOR: blue">$sphere</span><span style="COLOR: purple">-></span>transform<span style="COLOR: purple">(</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createMatrix<span style="COLOR: purple">(</span><span style="COLOR: olive">'Rotation'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(</span><span style="COLOR: blue">$rot_x</span><span style="COLOR: purple">, </span><span style="COLOR: blue">$rot_y</span><span style="COLOR: purple">, </span><span style="COLOR: blue">$rot_z</span><span style="COLOR: purple">)))</span>;
    <span style="COLOR: purple">}
  }
}

</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>transform<span style="COLOR: purple">(</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createMatrix<span style="COLOR: purple">(</span><span style="COLOR: olive">'Move'</span><span style="COLOR: purple">, </span><span style="COLOR: blue">array</span><span style="COLOR: purple">(-</span><span style="COLOR: red">225</span><span style="COLOR: purple">, -</span><span style="COLOR: red">100</span><span style="COLOR: purple">, </span><span style="COLOR: red">0</span><span style="COLOR: purple">)))</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createRenderer<span style="COLOR: purple">(</span><span style="COLOR: olive">'perspectively'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: green">//使用SVG驱动生成矢量图
</span><span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>createDriver<span style="COLOR: purple">(</span><span style="COLOR: olive">'svg'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">$image</span><span style="COLOR: purple">-></span>render<span style="COLOR: purple">(</span><span style="COLOR: red">600</span><span style="COLOR: purple">, </span><span style="COLOR: red">600</span><span style="COLOR: purple">, </span><span style="COLOR: olive">'anim.svg'</span><span style="COLOR: purple">)</span>;
header<span style="COLOR: purple">(</span><span style="COLOR: olive">'Location:anim.svg'</span><span style="COLOR: purple">)</span>;
<span style="COLOR: blue">?></span>

Salin selepas log masuk

效果图：

输出的SVG文件打开后，其格式即为XML：

以下为引用的内容：

<?xml version="1.0" ?>
<span style="COLOR: blue"><</span>!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
         "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<span style="COLOR: blue"><</span><span style="COLOR: maroon">svg </span><span style="COLOR: red">xmlns</span><span style="COLOR: blue">="http://www.w3.org/2000/svg" </span><span style="COLOR: red">x</span><span style="COLOR: blue">="0" </span><span style="COLOR: red">y</span><span style="COLOR: blue">="0" </span><span style="COLOR: red">width</span><span style="COLOR: blue">="600" </span><span style="COLOR: red">height</span><span style="COLOR: blue">="600">

    <</span><span style="COLOR: maroon">defs </span><span style="COLOR: red">id</span><span style="COLOR: blue">="defs16387">
    </</span><span style="COLOR: maroon">defs</span><span style="COLOR: blue">>

    <</span><span style="COLOR: maroon">polygon </span><span style="COLOR: red">id</span><span style="COLOR: blue">="background1" </span><span style="COLOR: red">points</span><span style="COLOR: blue">="0,0 600,0 600,600 0,600" 
            </span><span style="COLOR: red">style</span><span style="COLOR: blue">="fill: #ffffff; fill-opacity: 1.00; stroke: none;" />
    <</span><span style="COLOR: maroon">polygon </span><span style="COLOR: red">points</span><span style="COLOR: blue">="325.87,264.90 323.53,258.51 321.87,262.52" 
            </span><span style="COLOR: red">style</span><span style="COLOR: blue">="fill: #ffa200; fill-opacity: 0.41; stroke: none;" />
    <</span><span style="COLOR: maroon">polygon </span><span style="COLOR: red">points</span><span style="COLOR: blue">="319.40,256.07 321.87,262.52 323.53,258.51" 
            </span><span style="COLOR: red">style</span><span style="COLOR: blue">="fill: #ffa200; fill-opacity: 0.41; stroke: none;" />
    </span>... ...
    <span style="COLOR: blue"><</span><span style="COLOR: maroon">polygon </span><span style="COLOR: red">points</span><span style="COLOR: blue">="230.72,174.08 236.47,190.12 226.95,185.47" 
            </span><span style="COLOR: red">style</span><span style="COLOR: blue">="fill: #ffa200; fill-opacity: 0.41; stroke: none;" />
    <</span><span style="COLOR: maroon">polygon </span><span style="COLOR: red">points</span><span style="COLOR: blue">="230.72,174.08 252.69,180.70 236.47,190.12" 
            </span><span style="COLOR: red">style</span><span style="COLOR: blue">="fill: #ffa200; fill-opacity: 0.41; stroke: none;" />
</</span><span style="COLOR: maroon">svg</span><span style="COLOR: blue">></span>

Salin selepas log masuk

作者: Gnie
出处: {GnieTech} (http://www.cnblogs.com/gnielee/)
版权声明: 本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Repo: Cara menghidupkan semula rakan sepasukan

4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

R.E.P.O. Simpan Fail Lokasi: Di manakah & bagaimana untuk melindunginya?

3 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7316

Tutorial Java

1625

Tutorial CakePHP

1349

Tutorial Laravel

1261

Tutorial PHP

1208

Tunjukkan Lagi

Related knowledge

11 skrip pemendek URL terbaik PHP (percuma dan premium) Mar 03, 2025 am 10:49 AM

URL panjang, sering berantakan dengan kata kunci dan parameter penjejakan, boleh menghalang pelawat. Skrip pemendekan URL menawarkan penyelesaian, mewujudkan pautan ringkas yang sesuai untuk media sosial dan platform lain. Skrip ini sangat berharga untuk laman web individu a

Pengenalan kepada API Instagram Mar 02, 2025 am 09:32 AM

Berikutan pengambilalihan berprofil tinggi oleh Facebook pada tahun 2012, Instagram mengadopsi dua set API untuk kegunaan pihak ketiga. Ini adalah API Grafik Instagram dan API Paparan Asas Instagram. Sebagai pemaju membina aplikasi yang memerlukan maklumat dari a

Bekerja dengan Data Sesi Flash di Laravel Mar 12, 2025 pm 05:08 PM

Laravel memudahkan mengendalikan data sesi sementara menggunakan kaedah flash intuitifnya. Ini sesuai untuk memaparkan mesej ringkas, makluman, atau pemberitahuan dalam permohonan anda. Data hanya berterusan untuk permintaan seterusnya secara lalai: $ permintaan-

Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React Mar 04, 2025 am 09:33 AM

Ini adalah bahagian kedua dan terakhir siri untuk membina aplikasi React dengan back-end Laravel. Di bahagian pertama siri ini, kami mencipta API RESTful menggunakan Laravel untuk aplikasi penyenaraian produk asas. Dalam tutorial ini, kita akan menjadi dev

Respons HTTP yang dipermudahkan dalam ujian Laravel Mar 12, 2025 pm 05:09 PM

Laravel menyediakan sintaks simulasi respons HTTP ringkas, memudahkan ujian interaksi HTTP. Pendekatan ini dengan ketara mengurangkan redundansi kod semasa membuat simulasi ujian anda lebih intuitif. Pelaksanaan asas menyediakan pelbagai jenis pintasan jenis tindak balas: Gunakan Illuminate \ Support \ Facades \ http; Http :: palsu ([ 'Google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Mar 14, 2025 am 11:42 AM

Pelanjutan URL Pelanggan PHP (CURL) adalah alat yang berkuasa untuk pemaju, membolehkan interaksi lancar dengan pelayan jauh dan API rehat. Dengan memanfaatkan libcurl, perpustakaan pemindahan fail multi-protokol yang dihormati, php curl memudahkan execu yang cekap

12 skrip sembang php terbaik di codecanyon Mar 13, 2025 pm 12:08 PM

Adakah anda ingin memberikan penyelesaian segera, segera kepada masalah yang paling mendesak pelanggan anda? Sembang langsung membolehkan anda mempunyai perbualan masa nyata dengan pelanggan dan menyelesaikan masalah mereka dengan serta-merta. Ia membolehkan anda memberikan perkhidmatan yang lebih pantas kepada adat anda

Pengumuman Penyiasatan Situasi PHP 2025 Mar 03, 2025 pm 04:20 PM

Tinjauan Landskap PHP 2025 menyiasat trend pembangunan PHP semasa. Ia meneroka penggunaan rangka kerja, kaedah penempatan, dan cabaran, yang bertujuan memberi gambaran kepada pemaju dan perniagaan. Tinjauan ini menjangkakan pertumbuhan dalam PHP Versio moden

See all articles