java svg 画图_如何画svg路径图

1

2 .green{

3 position:absolute;

4 }

5

6 .blue{

7 position:absolute;

8 }

9

10 .yellow{

11 position:absolute;

12 }

13

14 .red{

15 position:absolute;

16 }

17 .orange{

18 position:absolute;

19 }

20 .path{

21 width:300px;

22 height:150px;

23 stroke:pink;

24 stroke-width:10;

25 stroke-dasharray:15, 5;

26 fill:transparent;

27 display:block;

28 position:absolute;

29 }

30

31 .article{

32 display:flex;

33 flex-direction:column;

34 position:relative;

35 width:100%;

36 min-height:8rem;

37 margin-bottom:1rem;

38 padding:1rem;

39 }

40

41

42

43

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69