在php函数中满足条件时在类中回显<svg>元素

时间:2019-01-21 09:22:01

标签: php html svg

我有一个简单的代码和一些组合。

我想做的如下:

我有一个php类,在代码中定义了一些属性。 类别-状态

“状态”的变量-圆圈,大小,颜色。

我想链接一个svg元素,该元素给出圆的大小和半径以及颜色。

我有一个函数,当满足该条件时,语句将需要根据所满足的条件显示具有大小和颜色的类圆。

这是课程:

<?php

class Statuses
{

var $circle;
var $size;
var $color;

public function print_condition()
{
    echo $this->circle;
    echo $this->size;
    echo $this->color;
}

public function condition($circle, $size, $color)
{
    $this->circle = $circle;
    $this->size = $size;
    $this->color = $color;
}

}

$daily = new Statuses;

$daily->condition("height=\"300\" width=\"300\"", "cx=\"150\" cy=\"150\" r=\"100\"", "stroke=\"black\" stroke-width=\"3\" fill=\"green\"");

$daily->print_condition();

以下是函数:

<?php
function funcName()
{
if (condition) {
    echo "I want to echo the 'daily' variable here";

} else {
    echo "I want to echo the 'none' variable here";

}
}

这是svg元素:

  <div id="circles">

<svg id="green" height="300" width="300">
    <circle cx="150" cy="150" r="100" stroke="black" stroke-width="3" fill="green" />
</svg>
<br>
<svg id="orange" height="300" width="300">
    <circle cx="150" cy="150" r="100" stroke="black" stroke-width="3" fill="orange" />
</svg>
<br>
<svg id="red" height="300" width="300">
    <circle cx="150" cy="150" r="100" stroke="black" stroke-width="3" fill="red" />
</svg>

</div>

我不确定如何使svg元素正确显示在变量中,也不确定如何在函数中调用变量。

非常感谢您的建议。

2 个答案:

答案 0 :(得分:2)

您的命名约定使您很难理解您的意图,尽管我相信以下是您所需要的。本质上,您正在努力偷工减料。

每个“状态”都有一组变量,这些变量使svg中定义的是一个圆。只需编辑您的类以包括这些内容并重命名变量即可。

<?php

class myCircle
{

$name;
$height;
$width;
$cx;
$cy;
$r;
$stroke;
$stroke-width;
$fill;

private function _print()
{
    echo "<svg id='$this->name' height='$this->height' width='$this->width'>
    <circle cx='$this->cx' cy='$this->cy' r='$this->r' stroke='$this->stroke' stroke-width='$this->stroke-width' fill='$this->fill' />
    </svg>";
}

private function _set($name, $height, $width, $cx, $cy, $r, $stroke, $stroke-width, $fill)
{
    $this->name = $name;
    $this->height = $height;
    $this->width = $width;
    $this->cx = $cx;
    $this->cy = $cy;
    $this->r = $r;
    $this->stroke = $stroke;
    $this->stroke-width = $stroke-width;
    $this->fill = $fill;
    }

}

课程结束。

您已经省略了$ condition的确切含义,因此我没有在回答中包含它。但是要实现该目标然后使用您的课程,您只需执行以下操作:

(将myCircle类放在同一php页面上,或包括它,然后添加)

<div id="circles">
<?php if($condition){
    $daily = new myCircle;
    $daily->_set("testCircle", "300", "300", "150", "150", "100", "black", 3, "green");
    $daily->_print();
  }else{
// Nothing?
} ?>
<div>

或者您的三个圈子:

<?php     
$circles = array("green", "orange" "red");    
?>

<div id="circles">

<?php 
if($condition){
for($i = 0; $i < count($circles); $i++){
    $daily = new myCircle;
    $daily->_set($circles[$i], "300", "300", "150", "150", "100", "black", 3, $circles[$i]);
    $daily->_print();
  }
} else{
// Do nothing 
}
?> 
</div>

答案 1 :(得分:1)

我会做这样的事情:(我假设您动态获得了color和size变量的值。)

$size = 300;
$color = "orange";

echo '<svg id="'.$color.'" height="'.$size.'" width="'.$size.'">
    <circle cx="150" cy="150" r="100" stroke="black" stroke-width="3" fill="'.$color.'" />
</svg>';

此外,您可以将svg保存在变量中,并在需要的地方使用它,而不是产生回显。

$size = 300;
$color = "orange";

$theSVG = '<svg id="'.$color.'" height="'.$size.'" width="'.$size.'">
    <circle cx="150" cy="150" r="100" stroke="black" stroke-width="3" fill="'.$color.'" />
</svg>';

然后:

<?php
function funcName()
{
if (condition) {
   echo $theSVG;

} else {
    echo "";

}
}