SVG изображения и сделать фон прозрачным

Question

Как объявить фон изображения скрипта svg прозрачным?

Answer 1

Если вы просматриваете в браузере, фон автоматически должен быть прозрачным. По крайней мере, это в FF4 и последней версии Chrome, но не в некоторых старых браузерах (например, http://petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs).

Если вы хотите, чтобы фон был полупрозрачным, заполните пробел <rect> и установите его непрозрачность в диапазоне от 0 до 1.

Answer 2

Еще более простой способ - удалить все данные, которые используются в содержимом файла

Вот образец перед:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="24.000000pt" height="24.000000pt" viewBox="0 0 24.000000 24.000000" preserveAspectRatio="xMidYMid meet">

Вот образец после

    <g transform="translate(0.000000,24.000000) scale(0.100000,-0.100000)" fill="#ff0000" stroke="none">
        <path d=""/>
    </g>
</svg>

Удалить все данные между