コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > PHP绘制3D图形之自定义图形及矢量图_PHP

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

WBOY
リリース： 2016-06-01 12:21:12
オリジナル
1624 人が閲覧しました

上一篇进行了一些简单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() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2161
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2310
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1948
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1823
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1876
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート