図表番号・タイトル追加
format4.svg<svg width="470" height="100" viewBox="0 0 470 100" xmlns="http://www.w3.org/2000/svg">
<g>
<rect x="5" y="5" width="460" height="90" rx="10" ry="10"
fill-opacity="0" stroke="#ff4400" stroke-width="5" />
<text x="10" y="70" font-size="45" fill="#ff4400"
font-weight="400" textLength="440" letter-spacing="1" word-spacing="normal" >
図表番号・タイトル追加
</text>
</g>
</svg>
z02.svg<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
#tx01{
font-weight:400;
fill: #ff4400;
stroke: white;
stroke-width:1;
stroke-linecap:round;
stroke-linejoin:round;
animation: scrollAnime 6s linear infinite;
}
/* @media (prefers-color-scheme: light) { /* */
@media (prefers-color-scheme: dark) { /* */
#tx01{
fill: #ff4400;
stroke:black;
}
}
@keyframes scrollAnime{
0% { transform: translateX(100%)}
100% { transform: translateX(-520%)}
}
</style>
<g>
<text id="tx01" x="15" y="75" font-size="80" letter-spacing="10" word-spacing="10" >
図表番号・タイトル追加
</text>
</g>
</svg>