지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > PHP绘制3D图形之自定义图形及矢量图_PHP

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

WBOY
풀어 주다： 2016-06-01 12:21:12
원래의
1606명이 탐색했습니다.

上一篇进行了一些简单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="anim.png" alt="PHP绘制3D图形之自定义图形及矢量图_PHP" >'</span>;
<span style="COLOR: blue">?></span>
로그인 후 복사

效果图：

矢量图

可缩放的矢量图形（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>
로그인 후 복사

效果图：

输出的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>
로그인 후 복사

作者: Gnie
出处: {GnieTech} (http://www.cnblogs.com/gnielee/)
版权声明: 本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。
원천：php.cn
이전 기사：PHP正则表达式的几则使用技巧_PHP 다음 기사：如何使用PHP服务端代理抓取网页内容_PHP
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
2
2029
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
11
2194
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1848
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1740
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1761
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿