LYNX

Links

Tags

Categories

svg笔记

外部svg

svg引入外部css

TODO

html引入外部svg

  1. embed
  2. img
  3. iframe
  4. object:<object type="image/svg+xml" data="image.svg"></object>
  5. css:background-image
  6. css内联svg(好像没用):参考

文件格式笔记

文件头

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3156"
xmlns:xlink="http://www.w3.org/2010/svg" width="50" height="50">
</svg>
  • 参数说明
    • xmlns
    • viewBox

元素说明

参考:w3cplus

  • def
  • symbol
  • g

内联svg

属性说明

  • 关于描边
    • stroke-dasharray
    • stroke-linecap
    • stroke-linejoin

Tags

css
svg

Categories

1 / 1