Стављање тог СВГ дефс блока на врх документа дефинитивно успева. Има и неке предности, попут чињенице да није потребан ХТТП захтев, сви подаци за цртање графике налазе се управо на страници. Али, има и неких недостатака. Све те информације прегледач мора да рашчлани на свакој страници из документа. То није засебан документ који би клијент већ могао да предмеморише, као што то могу бити друга средства. А кад смо већ код предмеморије, ако ваша локација кешира ХТМЛ (обично добра идеја), могли бисте размислити о овом „напухавању предмеморије страница“, јер свака појединачна предмеморирана страница укључује овај велики понављајући блок кода - што није баш ефикасно коришћење кеш меморије сервера.
Добра вест је да СВГ деф блокове можемо преместити у спољну датотеку и користити их баш као што бисмо користили слику или било који други материјал.
Када га тада користимо, путања датотеке би била у атрибуту, овако:
Важно је знати: Ограничења међу доменима су тешка у вези са овим. Чак ми ни ЦОРС заглавља неће помоћи у мом искуству. Дакле, нема ЦДН-а (не може се репродуковати ни на ЦодеПен-у, а дефинитивно се не може репродуковати на датотеци: // УРЛ).
Још једна важна ствар коју треба знати: Свакако требате кмлнс атрибут да би ово функционисало. Као и у, ваш СВГ дефс блок треба да започне са:
Имао сам утисак да вам то не треба у ХТМЛ5 документу (приближно на исти начин као што вам нису потребни типови ), али можда зато што ова датотека више није у оквиру ХТМЛ5 документа (већ ако сте споља наведени), потребан вам је.
Из тог разлога, демонстрација за ово је овде.
Једнако је важно знати: ниједна верзија ИЕ ово не подржава (до 11 у време овог објављивања). Али постоји начин да се то покрене тако што ћете у основи Ајакинг-ом унети бит СВГ-а који вам треба и уметнути га тамо где би требало да буде, чинећи га некако „нормалним“ инлине СВГ-ом који је подржан. Треба нам врућа минута да ово радимо и тестирамо у Интернет Екплореру користећи БровсерСтацк, али на крају смо то и добили.
Фајлови
- 16-свг4еверибоди.јс
- 16-свг-дефс-тест.свг