AMcoder - javascript, python, java, html, php, sql

Հնարավո՞ր է արդյոք SVG-ում անիմացիոն տարրերի ժառանգումը պարտադրել:

Բարև Ես ունեմ հետևյալ SVG ֆայլը.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 150 150">

    <text x="10" y="100" fill="blue" fill-opacity="1">
        <tspan fill-opacity="1" >1st</tspan>
        <tspan                  >2nd</tspan>
        <animate attributeName="fill-opacity" calcMode="discrete" values="0; 1" dur="1s" repeatCount="indefinite"/>
    </text>

</svg>

Ինչպես տեսնում եք, text տարրում կա animate տարր, որը լավ է աշխատում: Այնուամենայնիվ, խնդիրը tspan տարրերի մեջ է: Դրանցից մեկը սահմանում է ոչ fill-opacity (հատկանիշը, որը փոխվում է անիմացիայի կողմից) և ժառանգում է անիմացիան: Մյուսը սահմանում է իր fill-opacityը, որը չի փոխվում անիմացիան:

Կա՞ տարբերակ animate տարրին ասելու, որ այն պետք է ազդի բոլոր զավակ տարրերի վրա՝ անկախ նրանից, թե արդյոք նրանք սահմանում են իրենց արժեքը փոփոխված հատկանիշի համար:

svg animation inheritance
29.10.2012

Պատասխանները:


1

No. fill-opacity-ը CSS հատկություն է, և հետևաբար CSS առանձնահատկությունը կիրառվում է: Երեխաների ավելի կոնկրետ կանոնը միշտ կկիրառվի: Դուք կարող եք տալ tspan-ին իր սեփական անիմացիան, իհարկե:

29.10.2012
  • Ես գիտեմ, որ ես կարող էի տալ tspan-ին իր սեփական անիմացիան, բայց ուզում էի խուսափել դրանից: Ենթատարրերի հիերարխիան կարող է բավականին մեծ դառնալ իրական SVG-ում, և յուրաքանչյուր ենթատարրից իր animate տարր տալը ինձ համար լավ գաղափար չէ: Դե, ես պետք է տեսնեմ, թե ինչպես կարող եմ հաղթահարել այս խնդիրը: Քո շնորհիվ. 29.10.2012
    • Նոր նյութեր
    Օգտագործելով Fetch Vs Axios.Js-ը՝ HTTP հարցումներ կատարելու համար
    JavaScript-ը կարող է ցանցային հարցումներ ուղարկել սերվեր և բեռնել նոր տեղեկատվություն, երբ դա անհրաժեշտ լինի: Օրինակ, մենք կարող ենք օգտագործել ցանցային հարցումը պատվեր ներկայացնելու,..
    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար
    Տիրապետել հանգստության արվեստին. մշակողի ուղեցույց՝ ճնշման տակ ծաղկելու համար Ինչպե՞ս հանգստացնել ձեր միտքը և աշխատեցնել ձեր պրոցեսորը: Ինչպես մնալ հանգիստ և զարգանալ ճնշման տակ...
    Մեքենայի ուսուցում բանկային և ֆինանսների ոլորտում
    Բարդ, խելացի անվտանգության համակարգերը և հաճախորդների սպասարկման պարզեցված ծառայությունները բիզնեսի հաջողության բանալին են: Ֆինանսական հաստատությունները, մասնավորապես, պետք է առաջ մնան կորի..
    Ես AI-ին հարցրի կյանքի իմաստը, այն ինչ ասում էր, ցնցող էր:
    Այն պահից ի վեր, երբ ես իմացա Արհեստական ​​ինտելեկտի մասին, ես հիացած էի այն բանով, թե ինչպես է այն կարողանում հասկանալ մարդկային նորմալ տեքստը, և այն կարող է առաջացնել իր սեփական արձագանքը դրա..
    Ինչպես սովորել կոդավորումը Python-ում վագրի պես:
    Սովորելու համար ծրագրավորման նոր լեզու ընտրելը բարդ է: Անկախ նրանից, թե դուք սկսնակ եք, թե առաջադեմ, դա օգնում է իմանալ, թե ինչ թեմաներ պետք է սովորել: Ծրագրավորման լեզվի հիմունքները, դրա..
    C++-ի օրական բիթ(ե) | Ամենաերկար պալինդրոմային ենթաշարը
    C++ #198-ի ամենօրյա բիթ(ե), Ընդհանուր հարցազրույցի խնդիր. Ամենաերկար պալինդրոմային ենթատող: Այսօր մենք կանդրադառնանք հարցազրույցի ընդհանուր խնդրին. Ամենաերկար palindromic substring...
    Kydavra ICAReducer՝ ձեր տվյալների ծավալայինությունը նվազեցնելու համար
    Ի՞նչ է ICAReducer-ը: ICAReducer-ն աշխատում է հետևյալ կերպ. այն նվազեցնում է նրանց միջև բարձր փոխկապակցված հատկանիշները մինչև մեկ սյունակ: Բավականին նման է PCAreducer-ին, չնայած այն..