xml – 定义SVG中的颜色

如何在SVG文件中定义颜色？

<?xml version="1.0"?>
<svg width="704" height="702" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <!-- define mycolor=red -->
    </defs> 

    <!-- use mycolor as fill -->
    <rect x="0" y="0" width="704" height="702" fill=mycolor/>
</svg>

您可以使用样式表与svg,并且fill属性也从其父元素中扣除,假设您没有指定它.在您的代码的更改中,颜色为红色.如果没有通过.myfill类赋予该颜色,则它将从“G”组标记继承为蓝色.

<?xml version="1.0"?>
<svg width="704" height="702" xmlns="http://www.w3.org/2000/svg">

<style>
.myfill { fill:red }
</style>

    <g fill="blue">
    <rect x="0" y="0" width="704" height="702" class="myfill" />
    </g>

</svg>