{"json_modified": "2016-09-05T01:33:00.591275", "uuid": "988e485f-9e5e-428e-8259-3cf88894d166", "title": "Introduction", "url": "/en-US/docs/Web/SVG/Tutorial/Introduction", "tags": ["SVG", "Beginner", "Guide", "NeedsUpdate", "SVG:Tutorial", "Tutorial", "NeedsBeginnerUpdate"], "translations": [{"uuid": "50399f2f-45c2-4ef3-8f0e-c02b1d0ab3ca", "title": "Einf\u00fchrung", "url": "/de/docs/Web/SVG/Tutorial/Einf%C3%BChrung", "tags": ["SVG", "SVG:Tutorial"], "summary": "<img align=\"right\" alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\"/>", "localization_tags": [], "locale": "de", "last_edit": "2014-07-01T01:58:31", "review_tags": []}, {"uuid": "cbc1003c-bbab-4d60-b402-9f3f947a3326", "title": "\u0645\u0639\u0631\u0641\u06cc SVG", "url": "/fa/docs/Web/SVG/Tutorial/Introduction", "tags": [], "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right;\"/>", "localization_tags": ["inprogress"], "locale": "fa", "last_edit": "2016-07-09T08:50:25", "review_tags": []}, {"uuid": "07db6844-84c9-4be0-924d-b4968267f32c", "title": "Introduction", "url": "/fr/docs/Web/SVG/Tutoriel/Introduction", "tags": [], "summary": "<a href=\"/@api/deki/files/6301/=lion_svg.png\" title=\"lion_svg.png\"><img alt=\"lion_svg.png\" class=\"internal lwrap\" src=\"/@api/deki/files/6301/=lion_svg.png?size=webview\" style=\"float: left; height: 292px; width: 208px;\"/></a>SVG est un langage <a href=\"/fr/XML\" title=\"XML\">XML</a>, assez similaire au <a href=\"/fr/XHTML\" title=\"fr/XHTML\">XHTML</a>. Ce langage peut \u00eatre utilis\u00e9 pour dessiner des choses complexes, comme le petit lion sur la gauche. Je l'ai dit en pr\u00e9sentation de ce tutoriel, le SVG est un langage vectoriel. En gros, cela veut dire que l'image peut \u00eatre transform\u00e9e, r\u00e9tr\u00e9cie, agrandie, bref, manipul\u00e9e, sans perte de qualit\u00e9.", "localization_tags": [], "locale": "fr", "last_edit": "2015-12-27T17:53:59", "review_tags": []}, {"uuid": "d560acf9-bad3-41a2-9348-99e364786837", "title": "Introduction", "url": "/ja/docs/Web/SVG/Tutorial/Introduction", "tags": ["SVG", "SVG:Tutorial"], "summary": "<img align=\"right\" height=\"535\" src=\"/@api/deki/files/348/=SVG_Overview.png\" width=\"300\"/><a href=\"/ja/docs/SVG\" title=\"SVG\">SVG</a> \u306f\u53f3\u306b\u793a\u3057\u305f\u3088\u3046\u306a\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u63cf\u753b\u306b\u7528\u3044\u308b\u3001 <a href=\"/ja/docs/XHTML\" title=\"XHTML\">XHTML</a> \u306b\u4f3c\u3066\u3044\u308b <a href=\"/ja/docs/XML\" title=\"XML\">XML</a> \u8a00\u8a9e\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u5fc5\u8981\u306a\u7dda\u3084\u56f3\u5f62\u3092\u6307\u5b9a\u3059\u308b\u3001\u65e2\u5b58\u306e\u30e9\u30b9\u30bf\u753b\u50cf\u306b\u624b\u3092\u52a0\u3048\u308b\u3001\u3042\u308b\u3044\u306f\u305d\u308c\u3089\u4e21\u65b9\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u753b\u50cf\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u7528\u3044\u3089\u308c\u307e\u3059\u3002\u753b\u50cf\u3084\u305d\u306e\u90e8\u54c1\u306f\u3001\u5916\u898b\u3092\u5b8c\u5168\u306b\u5909\u3048\u308b\u305f\u3081\u306b\u30c8\u30e9\u30f3\u30b9\u30d5\u30a9\u30fc\u30e0\u3001\u5408\u6210\u3001\u30d5\u30a3\u30eb\u30bf\u9069\u7528\u3092\u884c\u3046\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-08T16:21:45", "review_tags": []}, {"uuid": "1617a1cc-e4d4-4fca-85fd-05eaf7351fc7", "title": "\uc18c\uac1c", "url": "/ko/docs/Web/SVG/Tutorial/Introduction", "tags": ["\uac00\uc774\ub4dc", "\ud29c\ud1a0\ub9ac\uc5bc", "SVG", "\ucd08\ubcf4\uc790", "SVG:\ud29c\ud1a0\ub9ac\uc5bc"], "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right;\"/><a href=\"/ko/SVG\" title=\"ko/SVG\">SVG</a>\ub294 <a href=\"/ko/XHTML\" title=\"ko/XHTML\">XHTML</a>\uacfc \ube44\uc2b7\ud55c <a href=\"/ko/XML\" title=\"ko/XML\">XML</a> \uc5b8\uc5b4\ub85c \uc624\ub978\ucabd\uc5d0 \uc788\ub294 \uac83\uacfc \uac19\uc740 \uadf8\ub798\ud53d\uc744 \uadf8\ub9ac\ub294 \ub370 \uc0ac\uc6a9\ub41c\ub2e4. SVG \uc774\ubbf8\uc9c0\ub294 \ud544\uc694\ud55c \ubaa8\ub4e0 \uc120\uacfc \ubaa8\uc591\uc744 \uc9c1\uc811 \uc77c\uc77c\ud788 \uc9c0\uc815\ud558\uac70\ub098, \uc774\ubbf8 \uc874\uc7ac\ud558\ub294 \ub798\uc2a4\ud130 \uc774\ubbf8\uc9c0\ub97c \uc218\uc815\ud558\uac70\ub098, \uc774 \ub450 \uac00\uc9c0 \ubc29\ubc95\uc744 \uc870\ud569\ud574\uc11c \ub9cc\ub4e4 \uc218 \uc788\ub2e4. \uc774\ubbf8\uc9c0\uc640 \uadf8 \uad6c\uc131\uc694\uc18c\ub4e4\uc740 \ubcc0\ud658\ub418\uace0, \uc870\ud569\ub418\uace0, \ud544\ud130\ub9c1\ub420 \uc218 \uc788\uc73c\uba70, \uc774\ub97c \ud1b5\ud574 \uc6d0\ub798\uc758 \ud615\ud0dc\ub97c \uc644\uc804\ud788 \ubc14\uafc0 \uc218\ub3c4 \uc788\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-01-07T17:53:58", "review_tags": []}, {"uuid": "a8214406-7368-4436-8134-0f28e6e90a56", "title": "Introdu\u00e7\u00e3o", "url": "/pt-BR/docs/Web/SVG/Tutorial/Introduction", "tags": [], "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right;\"/><a href=\"/en-US/SVG\" title=\"en-US/SVG\">SVG</a> \u00e9 uma linguagem <a href=\"/en-US/XML\" title=\"en-US/XML\">XML</a>, similar ao <a href=\"/en-US/XHTML\" title=\"en-US/XHTML\">XHTML</a>, na qual pode ser usada para desenhar gr\u00e1ficos (imagens), como os mostrados \u00e0 direita. Ela pode ser usada para criar uma imagem qualquer especificando todas as linhas e formas necess\u00e1rias, para modificar uma imagem raster j\u00e1 existente ou fazer ambas as op\u00e7\u00f5es. A imagem e seus componentes tamb\u00e9m podem ser transformados, compostas em conjunto, ou filtradas para mudar completamente sua apar\u00eancia.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2015-11-03T05:08:46", "review_tags": []}, {"uuid": "13d63957-2779-40fc-8303-d4ede3ae9c1d", "title": "\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435", "url": "/ru/docs/Web/SVG/Tutorial/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5", "tags": ["SVG", "\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e"], "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right; height: 418px; width: 235px;\"/><a href=\"/en-US/SVG\" title=\"en-US/SVG\">SVG</a> \u044d\u0442\u043e \u044f\u0437\u044b\u043a\u00a0<a href=\"/en-US/XML\" title=\"en-US/XML\">XML</a> \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, \u0441\u0445\u043e\u0436\u0438\u0439 \u0441 <a href=\"/en-US/XHTML\" title=\"en-US/XHTML\">XHTML</a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e-\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u0438, \u0442\u0430\u043a\u043e\u0439 \u043a\u0430\u043a \u0442\u0430, \u0447\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430 \u0441\u043f\u0440\u0430\u0432\u0430. \u041e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0443\u0442\u0435\u043c \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u0432\u0441\u0435\u0445 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445\u00a0\u043b\u0438\u043d\u0438\u0439 \u0438 \u0444\u043e\u0440\u043c, \u043f\u0443\u0442\u0435\u043c \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u0438\u043b\u0438 \u043f\u0443\u0442\u0435\u043c \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0438 \u043e\u0431\u043e\u0438\u0445. \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u0432\u043c\u0435\u0441\u0442\u0435, \u0438\u043b\u0438 \u043e\u0442\u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u043d\u044b \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0445 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-05-21T07:10:32", "review_tags": ["technical", "editorial"]}, {"uuid": "752e79d5-9eb8-4a2b-a46b-6f8d066852b1", "title": "\u5f15\u8a00", "url": "/zh-CN/docs/Web/SVG/Tutorial/Introduction", "tags": [], "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right;\"/><a href=\"/en/SVG\" title=\"en/SVG\">SVG</a>\u662f<a href=\"/en/XML\" title=\"en/XML\">XML</a>\u8bed\u8a00\u7684\u4e00\u79cd\u5f62\u5f0f\uff0c\u6709\u70b9\u7c7b\u4f3cXHTML\uff0c\u5b83\u53ef\u4ee5\u7528\u6765\u7ed8\u5236\u77e2\u91cf\u56fe\u5f62\uff0c\u4f8b\u5982\u53f3\u9762\u5c55\u793a\u7684\u56fe\u5f62\u3002SVG\u53ef\u4ee5\u901a\u8fc7\u5b9a\u4e49\u5fc5\u8981\u7684\u7ebf\u548c\u5f62\u72b6\u6765\u521b\u5efa\u4e00\u4e2a\u56fe\u5f62\uff0c\u4e5f\u53ef\u4ee5\u4fee\u6539\u5df2\u6709\u7684\u4f4d\u56fe\uff0c\u6216\u8005\u5c06\u8fd9\u4e24\u79cd\u65b9\u5f0f\u7ed3\u5408\u8d77\u6765\u521b\u5efa\u56fe\u5f62\u3002\u56fe\u5f62\u548c\u5176\u7ec4\u6210\u90e8\u5206\u53ef\u4ee5\u53d8\u5f62\uff0c\u53ef\u4ee5\u5408\u6210\uff0c\u8fd8\u53ef\u4ee5\u901a\u8fc7\u6ee4\u955c\u5b8c\u5168\u6539\u53d8\u5916\u89c2\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-11-16T09:56:25", "review_tags": []}, {"uuid": "da002db7-ac66-48a3-8af8-e2fd6d7b27b4", "title": "\u5f15\u8a00", "url": "/zh-TW/docs/Web/SVG/Tutorial/Introduction", "tags": [], "summary": "<img align=\"right\" alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\"/><a href=\"/en/SVG\" title=\"en/SVG\">SVG</a>\uff08Scalable Vector Graphics\uff09\u662f<a href=\"/en/XML\" title=\"en/XML\">XML</a>\u7684\u65b9\u8a00\uff0c\u6709\u70b9\u7c7b\u4f3cXHTML\uff0c\u5b83\u53ef\u4ee5\u7528\u6765\u7ed8\u5236\u77e2\u91cf\u56fe\u5f62\uff0c\u4f8b\u5982\u53f3\u9762\u5c55\u793a\u7684\u56fe\u5f62\u3002SVG\u53ef\u4ee5\u901a\u8fc7\u5b9a\u4e49\u5fc5\u8981\u7684\u7ebf\u548c\u5f62\u72b6\u6765\u521b\u5efa\u4e00\u4e2a\u56fe\u5f62\uff0c\u4e5f\u53ef\u4ee5\u4fee\u6539\u5df2\u6709\u7684\u4f4d\u56fe\uff0c\u6216\u8005\u5c06\u8fd9\u4e24\u79cd\u65b9\u5f0f\u7ed3\u5408\u8d77\u6765\u521b\u5efa\u56fe\u5f62\u3002\u56fe\u5f62\u548c\u5176\u7ec4\u6210\u90e8\u5206\u53ef\u4ee5\u53d8\u5f62\uff0c\u53ef\u4ee5\u5408\u5e76\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u6ee4\u955c\u5b8c\u5168\u6539\u53d8\u5916\u89c2\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2013-06-15T20:34:20", "review_tags": []}], "modified": "2016-09-05T01:33:00", "label": "Introduction", "localization_tags": [], "locale": "en-US", "id": 3399, "last_edit": "2016-02-10T07:35:26", "summary": "<img alt=\"\" class=\"internal\" src=\"/@api/deki/files/348/=SVG_Overview.png\" style=\"float: right;\"/><a href=\"/en-US/SVG\" title=\"en-US/SVG\">SVG</a> is an\u00a0<a href=\"/en-US/XML\" title=\"en-US/XML\">XML</a> language, similar to <a href=\"/en-US/XHTML\" title=\"en-US/XHTML\">XHTML</a>, which can be used to draw graphics, such as the ones shown to the right. It can be used to create an image either by specifying all the lines and shapes necessary, by modifying already existing raster images, or by a combination of both. The image and its components can also be transformed, composited together, or filtered to change their appearance completely.", "sections": [{"id": "Basic_ingredients", "title": "Basic ingredients"}, {"id": "Before_you_start", "title": "Before you start"}, {"id": "Flavors_of_SVG", "title": "Flavors of SVG"}], "slug": "Web/SVG/Tutorial/Introduction", "review_tags": []}