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

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

2 ответов


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

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


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

вот пример до:

<?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>

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