Как установить стиль шаблона штриховки в SVG

Question

я написал некоторые SVG:

<?xml version="1.0" standalone="no"?> 

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 

<svg width="100%" height="100%" version="1.1" 
xmlns="http://www.w3.org/2000/svg"> 

<ellipse cx="150" cy="75" rx="100" ry="75" fill="rgb(200,240,120)" stroke="rgb(200,240,120)" stroke-width="3px" /> 
</svg> 

Оказывает like this

Я хочу, чтобы преобразовать цвет заливки оказывают влияние на look like this

I прочитали документ w3c о SVG. Я пробовал фильтр, но он не работает, как эти изображения.

Answer 1

Что вы хотите сделать, называется «штриховкой». Сделайте поиск в Интернете, как это сделать в SVG. В основном вам нужно определить ваш люк, используя элемент <pattern>.

Следующей SO вопрос может помочь вам: Simple fill pattern in svg : diagonal hatching

Обратите внимание, что незаконченный стандарт SVG2 определяет новый <hatch> element, который сделает создание штриховки намного проще. Однако вы не можете использовать это еще, потому что ни один браузер не реализовал <hatch>.