Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Про SVG

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for subzey subzey
July 23, 2015
Programming
0
65

Про SVG

Опыт внедрения SVG-графики на проект. Сабантуй IT61

Avatar for subzey

subzey

July 23, 2015
Tweet

More Decks by subzey

See All by subzey
Ложка дёгтя в бандле Вебпака
Avatar for subzey subzey
0
100
Уже достаточно быстро?
Avatar for subzey subzey
1
81
Вставляем как Гугл
Avatar for subzey subzey
1
110
Статический анализ кода JS
Avatar for subzey subzey
0
400
Делегаты и приспособленцы
Avatar for subzey subzey
0
210
Короче
Avatar for subzey subzey
1
270
JS (2 of 4)
Avatar for subzey subzey
0
1.1k

Other Decks in Programming

See All in Programming
ふつうの Rubyist、ちいさなデバイス、大きな一年
Avatar for bash0C7 bash0c7
0
1.1k
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
320
PHP でエミュレータを自作して Ubuntu を動かそう
Avatar for memory m3m0r7
PRO
2
140
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.1k
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
190
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
520
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
240
Pythonデータ分析コトハジメinFukuoka
Avatar for kanan kanan
0
100
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.4k
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
7
3.1k
Nostalgia Meets Technology: Super Mario with TypeScript
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
330

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
250
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
290
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
500
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
770
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
Done Done
Avatar for chrislema chrislema
186
16k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
330
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k

Transcript

  1. Про SVG

  2. Зачем?

  3. Векторность

  4. Гипертекстовость Масштабируемость

  5. Иконочные шрифты

  6. None

  7. SVG Шрифт

  8. SVG Шрифт

  9. SVG Шрифт

  10. Способы вставки SVG

  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. Рендер

  18. None
  19. None
  20. None

  21. Привет! 127,63 px

  22. Привет! 128 px

  23. Привет! 128 px 127.63 px

  24. Обратная совместимость

  25. Обратная совместимость

  26. None

  27. Спасибо! Антон Хлыновский @subzey