Повторяющийся фон задаваемый символом?

#css #css3 #html5

Есть ли возможность средствами CSS задать фон из повторяющегося символа? (Разумеется
не превращая данный символ в jpg, png, svg...)

Со спец символами не выходит, в реальном проекте.  



body{
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: #eee;
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%3E%3Ctext%20x=%220%22%20y=%2215%22%3E★%3C/text%3E%3C/svg%3E');
}



    

Ответы

Ответ 1

Я правильно понял, что "не превращая данный символ в jpg, png, svg...", это значает
без конвертирования в графический формат? Вот вам "текстовое" решение. Подойдет? Inline-svg
в данном случае должен быть сконвертирован в data-URI.



body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: #eee;
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%3E%3Ctext%20x=%220%22%20y=%2215%22%3EQ%3C/text%3E%3C/svg%3E');
}