mardi 3 décembre 2019

Alternative to SVG pattern since there is no support in mPDF

I have this piece of code:

  <svg
    width='350px'
    height='54px'
    xmlns='http://www.w3.org/2000/svg'
    version='1.1'
  >
    <defs>
      <pattern
        id='wireframe'
        x='0'
        y='0'
        width='54px'
        height='50px'
        patternUnits='userSpaceOnUse'
      >
        <rect
          x='2px'
          y='2px'
          width='46px'
          height='46px'
          fill='transparent'
          stroke='#e0e5ee'
          stroke-width='4'
        />
        <rect x='50' y='0' width='4px' height='50' fill='white' />
      </pattern>
    </defs>
    <rect x='0' y='0' width='324px' height='50' fill='grey' />
    <rect x='0' y='0' width='232px' height='50' fill='#f2b134' />
    <rect x='0' y='0' width='324px' height='50' fill='url(#wireframe)' />
  </svg>   

but since there is no supprot for pattern tag in mPDF script, is there any other elegant way of making progress square grid?

Aucun commentaire:

Enregistrer un commentaire