<marker>.<svg viewBox="0 0 140 140" width=100vw height=100vh>
<defs>
<marker id="markerCircle" markerWidth="8" markerHeight="8" refX="5" refY="5">
<circle cx=5 cy=5 r=3 />
</marker>
</defs>
<path d="M20 20 L30 40 L70 20 L90 80" fill="none" stroke="red" marker-start=url(#markerCircle) marker-mid=url(#markerCircle) marker-end=url(#markerCircle)>
<animate
attributeName="d"
values="M20 20 L30 40 L70 20 L90 80;
M20 40 L30 10 L70 60 L90 110;
M10 10 L15 80 L120 70 L150 75;
M20 20 L30 40 L70 20 L90 80"
dur="20s"
repeatCount="indefinite"
/>
</path>
</svg>
<?php
// Demo.php
class Demo {
public $title = null;
public $postData = null;
public function __construct() {
$this->title = 'Bla Bla Bla';
$this->postData = (object) array(
'title' => 'Post Title',
'content' => 'Post content'
);
}
}
?>
<?php
// template.php
$post = new Demo;
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><?php echo $post->title; ?></title>
</head>
<body>
<p><?php echo $post->postData->title; ?></p>
<p><?php echo $post->postData->content; ?></p>
</body>
</html>
