如何在svg背景中创建渐变颜色

时间:2017-06-29 12:15:13

标签: css svg gradient linear-gradients

我需要在给定的svg圆圈中创建背景颜色,如下图所示..如何使用渐变来实现此背景颜色?

注意:该图片的背景颜色不需要针,刻度和标签。

enter image description here

示例链接:http://jsfiddle.net/mkn9t627/4/

A1

1 个答案:

答案 0 :(得分:2)

小提琴:https://jsfiddle.net/oLsLdqas/1/

DECLARE @Table1 TABLE ( thing real)
DECLARE @Table2 TABLE (anotherThing real)

INSERT @Table1 (thing)
VALUES (1), (2), (3), (4), (5) 

INSERT @Table2 (anotherThing)
VALUES (6), (7), (8), (9), (10)
;

SELECT      T.thing * TT.anotherThing AS Multi
FROM        (
                SELECT  T.thing
                ,       (
                            SELECT  COUNT(1) RN
                            FROM    @Table1 AS T2
                            WHERE   T2.thing <= T.Thing
                        ) RN
                FROM        @Table1 AS T
            )AS T
INNER JOIN (
                SELECT      TT.anotherThing
                ,           (
                                SELECT  COUNT(1) RN 
                                FROM    @Table2 AS T2
                                WHERE   T2.anotherThing <= TT.anotherThing
                            ) RN
                FROM        @Table2 AS TT
            ) TT
        ON  TT.RN = T.RN

请参阅链接以获取更多信息:https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Gradients