ابحث في الدعم

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

SVG <g> tag is not working

  • 1 (رد واحد)
  • 1 has this problem
  • 3 views
  • آخر ردّ كتبه borapark13

more options

In Chrome Browser, svg <g> tag is working well, but when I looking to Firefox It doesn't work.

What should I do?

Code like this.. ```

   <g filter="url(#b)">
       <path fill="#F1F1F1" fill-opacity=".3" fill-rule="evenodd"
             d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z"
             clip-rule="evenodd"/>
       <path fill="url(#c)" fill-opacity=".2" fill-rule="evenodd"
             d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z"
             clip-rule="evenodd"/>
       <path stroke="url(#d)" stroke-opacity=".1" stroke-width=".2"
             d="M64.986 37.142c1.28-.232 3.17-.501 5.058-.501 1.889 0 3.779.269 5.059.5.974.177 1.772.85 2.177 1.76l3.003 6.757a1.1 1.1 0 0 0 .455.506l4.132 2.386a1.1 1.1 0 0 0 .666.14l7.355-.777c.99-.105 1.971.25 2.611 1.006.841.992 2.019 2.495 2.963 4.13.944 1.636 1.657 3.407 2.096 4.631.334.932.151 1.96-.435 2.765l-3.99 5.485a1.1 1.1 0 0 0-.211.647v5.763c0 .233.074.46.21.647l3.989 5.483c.586.805.769 1.833.435 2.765-.439 1.224-1.151 2.996-2.095 4.63-.945 1.636-2.122 3.139-2.963 4.131-.64.755-1.622 1.111-2.612 1.006l-6.133-.648a1.1 1.1 0 0 0-.666.14l-5.85 3.378a1.1 1.1 0 0 0-.455.506l-2.505 5.637c-.405.91-1.203 1.582-2.177 1.758-1.28.232-3.17.501-5.059.501-1.888 0-3.778-.269-5.058-.501-.974-.176-1.773-.848-2.177-1.758l-2.505-5.637a1.101 1.101 0 0 0-.456-.506l-5.85-3.377a1.1 1.1 0 0 0-.665-.141l-6.133.648c-.99.105-1.972-.25-2.612-1.006-.841-.992-2.019-2.495-2.963-4.13-.944-1.635-1.657-3.407-2.095-4.631-.334-.932-.152-1.96.434-2.765l3.989-5.483a1.1 1.1 0 0 0 .21-.647v-5.763a1.1 1.1 0 0 0-.21-.647l-3.99-5.485c-.586-.805-.77-1.833-.435-2.765.439-1.224 1.151-2.995 2.095-4.63.945-1.636 2.122-3.139 2.963-4.13.64-.756 1.622-1.112 2.612-1.007l7.355.778a1.1 1.1 0 0 0 .665-.142l4.132-2.385a1.1 1.1 0 0 0 .455-.506L62.81 38.9c.404-.91 1.203-1.582 2.177-1.758Zm5.057 46.166c7.42 0 13.433-6.015 13.433-13.434s-6.014-13.433-13.433-13.433S56.61 62.455 56.61 69.874c0 7.42 6.014 13.434 13.433 13.434Z"/>
   </g>

```

In Chrome Browser, svg <g> tag is working well, but when I looking to Firefox It doesn't work. What should I do? Code like this.. ``` <g filter="url(#b)"> <path fill="#F1F1F1" fill-opacity=".3" fill-rule="evenodd" d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z" clip-rule="evenodd"/> <path fill="url(#c)" fill-opacity=".2" fill-rule="evenodd" d="M64.968 37.043c1.283-.232 3.18-.502 5.076-.502 1.897 0 3.794.27 5.076.502 1.01.183 1.834.88 2.251 1.817l3.004 6.758a1 1 0 0 0 .413.46l4.132 2.385a1 1 0 0 0 .605.128l7.355-.778c1.02-.108 2.035.259 2.699 1.041.842.995 2.024 2.503 2.973 4.145.948 1.643 1.663 3.42 2.103 4.647.346.966.156 2.028-.448 2.858l-3.99 5.485a1 1 0 0 0-.192.588v5.763a1 1 0 0 0 .191.588l3.989 5.483c.604.83.794 1.892.448 2.858-.44 1.227-1.154 3.004-2.103 4.647-.948 1.642-2.13 3.15-2.973 4.145-.663.782-1.678 1.149-2.699 1.04l-6.133-.648a1 1 0 0 0-.605.128l-5.85 3.378a1 1 0 0 0-.414.46l-2.505 5.636c-.416.938-1.241 1.634-2.25 1.817-1.283.232-3.18.502-5.077.502-1.896 0-3.793-.27-5.076-.502-1.01-.183-1.834-.879-2.25-1.817l-2.506-5.636a1 1 0 0 0-.414-.46l-5.85-3.377a1 1 0 0 0-.604-.129l-6.134.649c-1.02.108-2.035-.258-2.699-1.041-.842-.995-2.024-2.503-2.973-4.145-.948-1.643-1.663-3.42-2.102-4.647-.347-.966-.156-2.028.447-2.858l3.99-5.483a1 1 0 0 0 .19-.588v-5.763a1 1 0 0 0-.19-.588l-3.991-5.485c-.604-.83-.794-1.892-.448-2.858.44-1.227 1.154-3.004 2.103-4.647.948-1.642 2.13-3.15 2.973-4.145.663-.782 1.678-1.149 2.699-1.04l7.354.777a1 1 0 0 0 .605-.128l4.132-2.386a1 1 0 0 0 .414-.46l3.003-6.757c.417-.938 1.242-1.634 2.251-1.817Zm5.075 46.165c7.364 0 13.333-5.97 13.333-13.334s-5.969-13.333-13.333-13.333S56.71 62.51 56.71 69.874c0 7.364 5.97 13.334 13.333 13.334Z" clip-rule="evenodd"/> <path stroke="url(#d)" stroke-opacity=".1" stroke-width=".2" d="M64.986 37.142c1.28-.232 3.17-.501 5.058-.501 1.889 0 3.779.269 5.059.5.974.177 1.772.85 2.177 1.76l3.003 6.757a1.1 1.1 0 0 0 .455.506l4.132 2.386a1.1 1.1 0 0 0 .666.14l7.355-.777c.99-.105 1.971.25 2.611 1.006.841.992 2.019 2.495 2.963 4.13.944 1.636 1.657 3.407 2.096 4.631.334.932.151 1.96-.435 2.765l-3.99 5.485a1.1 1.1 0 0 0-.211.647v5.763c0 .233.074.46.21.647l3.989 5.483c.586.805.769 1.833.435 2.765-.439 1.224-1.151 2.996-2.095 4.63-.945 1.636-2.122 3.139-2.963 4.131-.64.755-1.622 1.111-2.612 1.006l-6.133-.648a1.1 1.1 0 0 0-.666.14l-5.85 3.378a1.1 1.1 0 0 0-.455.506l-2.505 5.637c-.405.91-1.203 1.582-2.177 1.758-1.28.232-3.17.501-5.059.501-1.888 0-3.778-.269-5.058-.501-.974-.176-1.773-.848-2.177-1.758l-2.505-5.637a1.101 1.101 0 0 0-.456-.506l-5.85-3.377a1.1 1.1 0 0 0-.665-.141l-6.133.648c-.99.105-1.972-.25-2.612-1.006-.841-.992-2.019-2.495-2.963-4.13-.944-1.635-1.657-3.407-2.095-4.631-.334-.932-.152-1.96.434-2.765l3.989-5.483a1.1 1.1 0 0 0 .21-.647v-5.763a1.1 1.1 0 0 0-.21-.647l-3.99-5.485c-.586-.805-.77-1.833-.435-2.765.439-1.224 1.151-2.995 2.095-4.63.945-1.636 2.122-3.139 2.963-4.13.64-.756 1.622-1.112 2.612-1.007l7.355.778a1.1 1.1 0 0 0 .665-.142l4.132-2.385a1.1 1.1 0 0 0 .455-.506L62.81 38.9c.404-.91 1.203-1.582 2.177-1.758Zm5.057 46.166c7.42 0 13.433-6.015 13.433-13.434s-6.014-13.433-13.433-13.433S56.61 62.455 56.61 69.874c0 7.42 6.014 13.434 13.433 13.434Z"/> </g> ```

All Replies (1)

more options

dddddddddd

Modified by borapark13

Helpful?

اطرح سؤالا

عليك الولوج إلى حسابك للردّ على المشاركات. من فضلك اطرح سؤالًا جديدًا لو لم يكن لديك حساب بعد.