Kezdőoldal » Számítástechnika » Weblapkészítés » Mire jó a devs, svg, path?

Nology kérdése:

Mire jó a devs, svg, path?

Figyelt kérdés

#defs
2015. ápr. 15. 18:54
 1/5 Drone007 ***** válasza:

Valami szövegkörnyezetet feldobhatnál, hogy hol találkoztál ezekkel, mert így kicsit homályos a kérdésed.

A devs így önmagában nekem semmit nem mond.

Az svg egy vektoros képformátum, amit a böngészők képesek használni (megjeleníteni).

A path szó szerint utat, ösvényt jelent. Fájlok elérési útját is szokás így nevezni.

2015. ápr. 15. 20:51
Hasznos számodra ez a válasz?
 2/5 A kérdező kommentje:

HTML -ben : <svg version="1.1" xmlns=" [link] xmlns:xlink=" [link] style="display:none" >

<defs>

<path id="svg-icon-intro" d="M8,16c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S12.418,16,8,16z M8,1.455c-3.615,0-6.545,2.93-6.545,6.545

S4.385,14.545,8,14.545s6.545-2.93,6.545-6.545S11.615,1.455,8,1.455L8,1.455z M8.727,9.351c0,0.399,0,0.831,0,0.831H7.273

c0,0,0-1.052,0-1.455S7.598,8,8,8l0,0c0.803,0,1.455-0.652,1.455-1.455S8.803,5.091,8,5.091S6.545,5.742,6.545,6.545

c0,0.266,0.076,0.513,0.201,0.727H5.194C5.133,7.039,5.091,6.798,5.091,6.545c0-1.607,1.303-2.909,2.909-2.909

s2.909,1.303,2.909,2.909C10.909,7.899,9.98,9.027,8.727,9.351L8.727,9.351z M8.727,12.364H7.273v-1.455h1.455V12.364z"/>

<path id="svg-icon-close" d="M16,13.311L13.311,16L8,10.689L2.689,16L0,13.311L5.311,8L0,2.689L2.689,0L8,5.311L13.311,0L16,2.689 L10.689,8L16,13.311z"/>

<path id="svg-icon-moqups" d="M293.602,18.294c-1.969-4.85-4.055-10.657-4.541-18.294c-0.076,0.025-12.139,2.275-12.139,2.275 c-4.215,12.313-11.75,22.876-20.518,29.131c0.039-0.114,0.393-0.984,0.736-1.853c0.92-2.324,1.408-4.752,1.824-7.15 s0.623-4.633,0.623-6.706c0-4.618-1.053-8.274-3.16-10.969c-2.105-2.694-5.119-4.042-9.035-4.042c-2.85,0-5.521,0.682-8.014,2.043 c-2.49,1.363-4.598,2.932-6.318,4.708c0.059-0.474,0.059-1.066,0-1.776c-0.061-0.711-0.148-1.422-0.268-2.132 c-0.119-0.711-0.254-1.377-0.402-1.999c-0.148-0.621-0.311-1.079-0.488-1.376l-11.039,4.352c0.475,1.363,0.758,2.946,0.846,4.752 c0.09,1.807-0.135,3.983-0.668,6.528l-3.629,17.044c-0.371,0.5-0.775,1.012-1.256,1.552c-0.711,0.803-1.51,1.529-2.398,2.182 c-0.887,0.652-1.807,1.202-2.752,1.646c-0.949,0.445-1.896,0.667-2.844,0.667c-0.709,0-1.346-0.342-1.953-0.979 c-0.891-0.931-1.197-4.047-0.666-6.877c0,0,0,0,0-0.001l6.533-30.78l-11.99,2.404l-6.307,29.645 c-0.475,0.714-1.066,1.47-1.775,2.271c-0.711,0.803-1.51,1.529-2.398,2.182s-1.807,1.202-2.754,1.646 c-0.947,0.445-1.896,0.667-2.842,0.667c-0.711,0-1.363-0.326-1.955-0.979s-0.887-1.483-0.887-2.493c0-0.652,0.072-1.542,0.221-2.671 c0.148-1.127,0.369-2.284,0.666-3.472l6.219-29.289l-12.258,2.221l-6.129,29.133c-0.2,0.936-0.358,1.781-0.483,2.556 c-0.094,0.108-0.171,0.211-0.269,0.321c-0.711,0.803-1.51,1.529-2.398,2.182s-1.808,1.202-2.754,1.646 c-0.948,0.445-1.896,0.667-2.843,0.667c-0.71,0-1.362-0.326-1.954-0.979c-0.593-0.652-0.888-1.483-0.888-2.493 c0-0.652,0.073-1.542,0.222-2.671c0.147-1.127,0.313-2.368,0.61-3.556l3.056-14.55c0.472-2.012,0.959-4.011,1.463-5.995 c0.502-1.983,0.99-3.655,1.465-5.019c-1.716-1.184-4.049-2.027-6.997-2.531c-2.947-0.502-6.103-0.755-9.463-0.755 c-4.247,0-7.858,0.652-10.837,1.954c-2.978,1.304-5.586,3.08-7.825,5.329c-1.556,1.802-3.383,3.429-5.333,4.868 c-2.219,1.49-4.723,2.771-7.356,3.768c0.004-0.094,0.01-0.188,0.01-0.283c0-5.032-1.451-8.882-4.352-11.547 c-2.902-2.664-6.959-3.997-12.169-3.997c-3.908,0-7.476,0.83-10.702,2.487c-3.229,1.658-5.981,3.908-8.261,6.75 c-2.28,2.843-4.057,6.159-5.329,9.948c-1.274,3.79-1.91,7.816-1.91,12.079c0,1.015,0.078,1.96,0.188,2.878 c-0.675,0.705-1.375,1.345-2.113,1.89c-1.688,1.25-3.3,1.875-4.84,1.875c-1.066,0-1.82-0.178-2.266-0.535 c-0.443-0.357-0.666-1.043-0.666-2.053c0-0.951,0.178-2.262,0.533-3.928l2.867-13.541h-0.002l0.477-2.237 c0.236-1.124,0.414-2.176,0.533-3.153c0.118-0.977,0.178-1.909,0.178-2.798c0-3.375-0.889-5.787-2.665-7.238 c-1.776-1.45-3.936-2.177-6.476-2.177c-2.476,0-4.907,0.504-7.294,1.51c-2.387,1.008-4.818,2.754-7.293,5.241 c-0.236-2.368-1.106-4.086-2.609-5.152c-1.503-1.065-3.404-1.599-5.702-1.599c-5.097,0-9.849,2.186-14.262,6.529 c-0.433-1.603-1.273-2.953-2.539-4.043c-1.924-1.657-4.663-2.486-8.216-2.486c-2.665,0-5.092,0.563-7.283,1.688 c-1,0.514-1.943,1.075-2.846,1.675L0,14.669c0.173-0.208,0.332-0.41,0.521-0.624c0.711-0.803,1.51-1.529,2.398-2.182 c0.888-0.652,1.807-1.202,2.753-1.646C6.621,9.771,7.569,9.55,8.516,9.55c0.71,0,1.362,0.326,1.954,0.979 c0.593,0.652,0.888,1.483,0.888,2.493c0,0.652-0.073,1.542-0.222,2.671c-0.026,0.197-0.066,0.4-0.097,0.599l-6.576,30.83H16.01 l6.307-29.811c1.599-2.201,3.211-3.896,4.84-5.087c1.628-1.189,3.212-1.785,4.752-1.785c1.007,0,1.732,0.179,2.177,0.536 c0.443,0.357,0.666,1.012,0.666,1.963c0,1.249-0.208,2.737-0.622,4.462l-6.306,29.722h11.103l6.306-29.811 c1.361-2.081,2.887-3.748,4.574-4.997s3.301-1.875,4.841-1.875c1.065,0,1.82,0.179,2.265,0.536s0.666,1.042,0.666,2.052 c0,0.952-0.178,2.263-0.532,3.928l-1.359,6.504h0.003l-1.986,9.274c-0.236,1.125-0.414,2.176-0.532,3.154 c-0.118,0.977-0.178,1.908-0.179,2.797c0,3.375,0.889,5.787,2.666,7.238c1.775,1.451,3.936,2.178,6.475,2.178 c2.477,0,4.908-0.504,7.295-1.51c2.324-0.981,5.067-2.658,7.495-5.04c0.413,0.543,1.404,1.647,1.843,2.082 c2.783,2.754,6.779,4.13,11.991,4.13c4.499,0,8.422-0.903,11.769-2.709c3.345-1.805,6.113-4.203,8.305-7.194 c2.189-2.989,3.819-6.38,4.885-10.17c0.397-1.413,0.708-2.844,0.953-4.29c1.978-0.48,3.861-1.057,5.571-1.71 c-1.074,3.661-1.622,7.405-1.622,11.238c0,5.329,1.104,9.163,3.316,11.502c2.21,2.34,5.527,3.508,9.951,3.508 c1.768,0,3.744-0.475,5.926-1.421s4.009-2.101,5.483-3.464c-0.295,0.711-0.619,1.703-0.974,2.976 c-0.354,1.272-0.618,2.354-0.795,3.242l-3.626,17.23l12.028-3.02l3.323-15.826c0.633,0.063,1.287,0.104,1.982,0.104 c2.665,0,5.092-0.563,7.283-1.688c1.936-0.993,3.676-2.158,5.242-3.478c0.48,1.093,1.188,2.047,2.128,2.856 c1.924,1.657,4.664,2.486,8.217,2.486c2.664,0,5.092-0.563,7.283-1.688c1.43-0.734,4.109-2.747,6.279-4.486 c0.467,1.369,1.252,2.544,2.375,3.51c1.924,1.657,4.662,2.486,8.215,2.486c2.666,0,5.092-0.563,7.283-1.688 c1.251-0.642,2.414-1.358,3.511-2.136l-4.843,22.744l12.082-3.02l9.857-45.964c1.738-2.682,3.521-4.558,5.35-5.631 c1.826-1.071,3.49-1.608,4.99-1.608c1.557,0,2.65,0.447,3.281,1.341c0.629,0.894,0.943,2.265,0.943,4.11 c0,1.252-0.119,2.742-0.359,4.471c-0.24,1.728-0.584,3.484-1.033,5.271c-0.449,1.788-1.004,3.531-1.664,5.229 c-0.66,1.698-1.41,3.172-2.248,4.424c-0.719,1.073-1.648,1.996-2.787,2.771c-0.547,0.372-1.189,0.649-1.916,0.843 c-0.055,0.013-0.105,0.029-0.16,0.042c-0.746,0.182-1.578,0.276-2.508,0.276c-0.611,0-1.23-0.07-1.855-0.181l-1.877,8.694 c1.623,0.272,3.002,0.368,4.717,0.368c1.277,0,2.516-0.115,3.719-0.331c2.805-0.383,5.68-1.152,7.721-1.802 c16.178-5.144,28.84-17.783,34.496-29.522c5.424,13.536,1.719,17.893,0.914,19.094c-0.719,1.073-1.922,1.989-3.234,2.677 c-1.223,0.64-2.82,0.995-4.738,0.995c-0.641,0-1.289-0.074-1.943-0.194l-1.398,6.479c-0.119,0.635-0.256,1.28-0.42,1.946 l-0.059,0.271c1.664,0.284,3.057,0.381,4.805,0.381c3.027,0,6.074-0.415,8.688-1.628c2.611-1.213,5.277-2.743,7.129-5.021 C295.668,35.344,296.471,25.355,293.602,18.294z M101.517,31.04c-0.988,2.376-2.229,4.35-3.725,5.924 c-1.496,1.573-3.2,2.36-5.114,2.36c-1.734,0-3.111-0.504-4.127-1.514c-1.018-1.01-1.525-2.612-1.525-4.811 c0-1.723,0.238-3.935,0.717-6.637c0.475-2.678,1.2-5.268,2.173-7.77c1.861,4.43,7.358,6.199,13.527,6.347 C102.956,27.07,102.319,29.106,101.517,31.04z M104.415,18.502c-1.015-0.047-2.015-0.135-2.976-0.311 c-4.216-0.77-6.155-2.532-6.743-4.246c-0.473-1.788,0.282-3.482,1.483-3.992c0.01-0.005,0.014-0.008,0.023-0.012 c0.856-0.423,1.773-0.639,2.756-0.639c1.794,0,3.17,0.461,4.127,1.381c0.958,0.922,1.437,2.718,1.437,5.39 C104.522,16.854,104.479,17.67,104.415,18.502z M146.949,32.332c-1.315,2.213-2.75,3.885-4.305,5.02 c-1.555,1.136-3.048,1.703-4.482,1.703c-1.315,0-2.468-0.492-3.453-1.478c-0.986-0.985-1.539-2.824-1.658-5.514 c-0.06-1.255,0.016-2.793,0.225-4.616c0.208-1.822,0.582-3.704,1.12-5.647c0.538-1.941,1.256-3.778,2.152-5.512 c0.896-1.732,2.003-3.137,3.318-4.212c0.716-0.597,1.658-1.15,2.824-1.659c1.166-0.508,2.257-0.762,3.272-0.762 c1.374,0,2.495,0.03,3.362,0.091c0.866,0.06,1.689,0.238,2.467,0.537L146.949,32.332z"/>

</defs>

</svg>

2015. ápr. 16. 04:59
 3/5 Drone007 ***** válasza:

Ez maga egy svg fájl. Ha csak ennyit ír ki a böngésződ, és nem jeleníti meg a képet, akkor nem tudja kezelni az svg fájlokat. Használj értelmes böngészőt.

Ha lemented a böngésző tartalmat (Ctrl+S) svg-ben, akkor megkapod az svg fájlt. Vektoros grafikus programok tudják kezelni (Illustrator, Corel Draw).

Html környezetben normál képként implementálva megjeleníthető. Pl.:

... <img src="vektoros.svg" alt="" width="999"> ...

2015. ápr. 16. 10:35
Hasznos számodra ez a válasz?
 4/5 Drone007 ***** válasza:
Mondjuk az a style="display:none" kifejezés elég érdekes a fejlécében...
2015. ápr. 16. 10:37
Hasznos számodra ez a válasz?
 5/5 A kérdező kommentje:
Köszönöm a választ!
2015. ápr. 16. 15:28

Kapcsolódó kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!