<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" width="800" height="800" viewBox="0 0 300 300" xml:lang="ja"
  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Vertical Text + Gradient &amp; Pattern</title>
  <defs>
    <linearGradient id="linear-objectBoundingBox1-1">
      <stop stop-color="#0000ff" offset="0"/>
      <stop stop-color="#008000" offset="0"/>
      <stop stop-color="#ff0000" offset="1"/>
      <stop stop-color="#0000ff" offset="1"/>
    </linearGradient>

    <g id="pattern1">
      <rect x="0" y="0" width="2" height="2" style="fill:#00ff00"/>
      <rect x="0" y="2" width="2" height="2" style="fill:#ff0000"/>
      <rect x="2" y="0" width="2" height="2" style="fill:#0000ff"/>
      <rect x="2" y="2" width="2" height="2" style="fill:#ffffff"/>
    </g>
    <g id="pattern2">
      <rect x="0" y="0" width="2" height="2" style="fill:#008000"/>
      <rect x="0" y="2" width="2" height="2" style="fill:#800000"/>
      <rect x="2" y="0" width="2" height="2" style="fill:#000080"/>
      <rect x="2" y="2" width="2" height="2" style="fill:#808080"/>
    </g>

    <pattern id="pattern-userSpaceOnUse1-1" patternUnits="userSpaceOnUse"
             x="200" y="10" width="20" height="20" viewBox="0 0 4 4">
      <use xlink:href="#pattern1"/>
    </pattern>
    <pattern id="pattern-userSpaceOnUse1-2" patternUnits="userSpaceOnUse"
             x="200" y="10" width="20" height="20" viewBox="0 0 4 4">
      <use xlink:href="#pattern2"/>
    </pattern>

    <pattern id="pattern-userSpaceOnUse2-1" patternUnits="userSpaceOnUse"
             x="250" patternTransform="translate(0, 50) rotate(90)"
             xlink:href="#pattern-userSpaceOnUse1-1"/>
    <pattern id="pattern-userSpaceOnUse2-2" patternUnits="userSpaceOnUse"
             x="250" patternTransform="translate(0, 50) rotate(90)"
             xlink:href="#pattern-userSpaceOnUse1-2"/>

    <line id="baseline" x1="0" y1="0" x2="0" y2="100%" style="stroke: orange; stroke-dasharray: 1 0 1;"/>
  </defs>
  <g style="font-size: 18px; font-weight: bold; writing-mode: tb;">
    <text x="50" y="10" style="fill: url(#linear-objectBoundingBox1-1)">
      金色Gold絵具 (linear/objectBBox)。
    </text>
    <use x="50" y="10" xlink:href="#baseline"/>

    <text x="100" y="10" style="fill: none; stroke: url(#linear-objectBoundingBox1-1); stroke-width: 3px;">
      金色Gold絵具 (linear/objectBBox)。
    </text>
    <use x="100" y="10" xlink:href="#baseline"/>


    <rect x="180" y="10" width="40" height="100%" style="fill: url(#pattern-userSpaceOnUse1-2)"/>
    <text x="200" y="10" style="fill: url(#pattern-userSpaceOnUse1-1)">
      金色Gold絵具 (pattern/userSpace)。
    </text>
    <use x="200" y="10" xlink:href="#baseline"/>

    <rect x="230" y="10" width="40" height="100%" style="fill: url(#pattern-userSpaceOnUse2-2)"/>
    <text x="250" y="10" style="stroke: url(#pattern-userSpaceOnUse2-1); stroke-width: 3px; fill: none;">
      金色Gold絵具 (pattern/userSpace)。
    </text>
    <use x="250" y="10" xlink:href="#baseline"/>
  </g>
</svg>
