siprise
Местный
- Сообщения
- 276
- Реакции
- 175
- Баллы
- 183
Всем общий привет, в общем то у меня назрел вопрос, как можно из svg кода сделать изображение? Ну и еще, вот пример svg года который используется как фон, момент data:image/svg+xml откуда идет эта ссылка, куда люди ее заливают и тд, чет тут я не смог разобраться.
css:
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22446%22%20height%3D%22446%22%20viewBox%3D%220%200%20446%20446%22%20fill%3D%22none%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1217_422%3E%0A%3Cpath%20d%3D%22M307%200H139C62.2324%200%200%2062.2324%200%20139V307C0%20383.768%2062.2324%20446%20139%20446H307C383.768%20446%20446%20383.768%20446%20307V139C446%2062.2324%20383.768%200%20307%200Z%22%20fill%3D%22%2317191B%22%2F%3E%0A%3Cpath%20d%3D%22M307%207H139C66.0984%207%207%2066.0984%207%20139V307C7%20379.902%2066.0984%20439%20139%20439H307C379.902%20439%20439%20379.902%20439%20307V139C439%2066.0984%20379.902%207%20307%207Z%22%20stroke%3D%22%23303339%22%20stroke-opacity%3D%220.58%22%20stroke-width%3D%2214%22%2F%3E%0A%3Cpath%20d%3D%22M248.144%20220.304C243.7%20218.626%20243.7%20212.215%20243.425%20207.751C242.314%20191.849%20247.868%20167.572%20241.203%20157.251C236.484%20151.108%20213.708%20151.671%20199.827%20152.51C195.934%20153.073%20191.215%20153.903%20187.883%20155.581C184.55%20157.26%20181.218%20160.046%20181.218%20162.555C181.218%20166.18%20189.554%20165.626%20192.602%20170.367C195.934%20175.394%20195.934%20186.269%20195.934%20195.197C195.934%20205.519%20194.264%20219.197%20190.105%20219.751C183.715%20220.027%20180.107%20213.608%20176.774%20208.867C170.109%20199.662%20163.444%20188.215%20158.441%20177.055C155.944%20171.197%20154.549%20164.778%20150.941%20162.269C145.386%20158.358%20135.389%20158.081%20125.667%20158.358C116.78%20158.635%20104.001%20157.519%20101.504%20162.822C99.5573%20168.68%20103.725%20174.26%20105.947%20179.01C117.331%20203.84%20129.55%20225.608%20144.551%20246.251C158.441%20265.5%20171.487%20280.849%20197.036%20288.938C204.261%20291.17%20235.916%20297.59%20242.305%20288.938C244.527%20285.59%20243.976%20278.054%20245.087%20272.474C246.198%20266.893%20247.584%20261.313%20252.863%20261.036C257.306%20260.759%20259.803%20264.661%20262.585%20267.456C265.642%20270.527%20268.139%20273.036%20270.361%20275.831C275.639%20281.134%20281.194%20288.384%20287.859%20291.179C297.021%20295.09%20311.186%20293.973%20324.517%20293.411C335.35%20293.134%20343.125%20290.902%20343.961%20284.482C344.521%20279.456%20338.958%20272.206%20335.625%20268.018C327.289%20257.697%20323.406%20254.625%20313.959%20245.134C309.791%20240.947%20304.513%20236.483%20304.513%20231.465C304.237%20228.394%20306.734%20225.608%20308.956%20222.536C318.678%20208.028%20328.4%20197.706%20337.287%20182.635C339.784%20178.171%20345.623%20167.849%20343.401%20162.822C340.904%20157.242%20327.014%20158.912%20318.402%20158.912C307.294%20158.912%20292.853%20158.073%20290.072%20160.305C284.793%20163.93%20282.571%20169.796%20280.074%20175.376C274.52%20188.215%20267.019%20201.322%20259.243%20211.09C256.462%20214.438%20251.192%20221.411%20248.135%20220.295L248.144%20220.304Z%22%20fill%3D%22%2369c%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1217_4%22%3E%0A%3Crect%20width%3D%22446%22%20height%3D%22446%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E);
Последнее редактирование: