{"json_modified": "2016-06-23T12:18:34.811011", "uuid": "907129b6-1b4f-438e-89d1-7333a9f3a7e7", "title": "Basic shapes", "url": "/en-US/docs/Web/SVG/Tutorial/Basic_Shapes", "tags": ["SVG", "Beginner", "NeedsMarkupWork", "NeedsBeginnerUpdate", "beginner", "SVG:Tutorial"], "translations": [{"uuid": "26163a87-a186-432e-9c4a-115344621bbf", "title": "Formes de base", "url": "/fr/docs/Web/SVG/Tutoriel/Formes_de_base", "tags": ["SVG"], "summary": "Il existe tout un ensemble de formes de base utilis\u00e9es pour faire du dessin via SVG. Le but de ces\u00a0formes assez transparent, si on regarde attentivement les noms de chaque \u00e9l\u00e9ment. Des attributs permettent de configurer leur position et leur taille, mais vous pourrez retrouver les d\u00e9tails de chaque \u00e9l\u00e9ment avec tous ses attributs \u00e0 <a href=\"/fr/SVG/Element\" title=\"fr/SVG/Element\">la page des r\u00e9f\u00e9rences SVG</a>. Nous nous contenterons ici de couvrir les fonctions de base qui nous sont n\u00e9cessaires, car elles sont utilis\u00e9es dans la plupart des documents SVG.", "localization_tags": [], "locale": "fr", "last_edit": "2015-03-08T09:32:14", "review_tags": []}, {"uuid": "628c25ba-10b2-40ea-a0a5-bb58fdc77b62", "title": "Basic Shapes", "url": "/ja/docs/Web/SVG/Tutorial/Basic_Shapes", "tags": [], "summary": "\u307b\u3068\u3093\u3069\u306e SVG \u63cf\u753b\u3067\u306f\u3001\u6570\u7a2e\u985e\u306e\u57fa\u672c\u7684\u306a\u56f3\u5f62\u304c\u4f7f\u308f\u308c\u307e\u3059\u3002\u305d\u308c\u3089\u56f3\u5f62\u306e\u7528\u9014\u306f\u3001\u305d\u306e\u540d\u524d\u304b\u3089\u304b\u306a\u308a\u660e\u78ba\u3067\u3059\u3002\u56f3\u5f62\u306e\u4f4d\u7f6e\u3084\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b\u5c5e\u6027\u3092\u3044\u304f\u3064\u304b\u793a\u3057\u307e\u3059\u304c\u3001\u8981\u7d20\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u306b\u306f\u3053\u3053\u3067\u7db2\u7f85\u3057\u306a\u3044\u4ed6\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3082\u542b\u3081\u3066\u6b63\u78ba\u3067\u5b8c\u5168\u306a\u8aac\u660e\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002\u3057\u304b\u3057\u3001\u305d\u308c\u3089\u306f\u307b\u3068\u3093\u3069\u306e SVG \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u7528\u3044\u3089\u308c\u307e\u3059\u306e\u3067\u3001\u4f55\u3089\u304b\u306e\u5f62\u3067\u7d39\u4ecb\u3059\u308b\u3053\u3068\u304c\u5fc5\u8981\u3067\u3057\u3087\u3046\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-08T16:21:45", "review_tags": []}, {"uuid": "f856339c-ff4f-4e87-b622-31c9dfa1e814", "title": "\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0424\u0438\u0433\u0443\u0440\u044b", "url": "/ru/docs/Web/SVG/Tutorial/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5_%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D1%8B", "tags": ["SVG:\u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e", "SVG"], "summary": "\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u0444\u0438\u0433\u0443\u0440, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0440\u0438\u0441\u0443\u043d\u043a\u043e\u0432 SVG. \u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u0444\u0438\u0433\u0443\u0440 \u0432\u043f\u043e\u043b\u043d\u0435 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e \u0438\u0437 \u0438\u0445 \u0438\u043c\u0451\u043d. \u041c\u044b \u043f\u0440\u0438\u0432\u0435\u043b\u0438 \u0437\u0434\u0435\u0441\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u043c\u0435\u0440, \u043d\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e,\u00a0\u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0447\u043d\u043e\u0435 \u0438 \u043f\u043e\u043b\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c\u0438, \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c\u0438 \u0437\u0434\u0435\u0441\u044c. \u041e\u0434\u043d\u0430\u043a\u043e, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 SVG, \u0432\u0430\u0436\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u043d\u0438\u0445.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-06-23T12:18:31", "review_tags": ["editorial"]}, {"uuid": "14ff5f3d-e7bf-4b58-b624-d9182985db4f", "title": "\u57fa\u672c\u5f62\u72b6", "url": "/zh-CN/docs/Web/SVG/Tutorial/Basic_Shapes", "tags": ["SVG"], "summary": "", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-10-08T10:01:00", "review_tags": []}, {"uuid": "9ad15eda-c628-47d3-96fa-005e8f4f1048", "title": "\u57fa\u672c\u5f62\u72b6", "url": "/zh-TW/docs/Web/SVG/Tutorial/%E5%9F%BA%E6%9C%AC%E5%BD%A2%E7%8A%B6", "tags": [], "summary": "\u4e0b\u9762\u5c06\u4ecb\u7ecd\u4e00\u4e9bSVG\u7ed8\u56fe\u5e38\u7528\u7684\u5f62\u72b6\u547d\u4ee4\uff0c\u901a\u8fc7\u5b83\u4eec\u540d\u5b57\uff0c\u4f60\u53ef\u4ee5\u5f88\u8f7b\u6613\u7684\u770b\u51fa\u5b83\u4eec\u53ef\u4ee5\u753b\u51fa\u4ec0\u4e48\u3002\u8fd9\u91cc\u4e5f\u4f1a\u7ed9\u51fa\u4e00\u4e9b\u5b9a\u4e49\u4f4d\u7f6e\u548c\u5c3a\u5bf8\u7684\u5c5e\u6027\uff0c\u4f46\u4e0d\u4f1a\u4ecb\u7ecd\u5982\u4f55\u5c06\u5143\u7d20\u5b9a\u4e49\u5f97\u66f4\u51c6\u786e\u66f4\u5b8c\u5584\u3002\u5728\u8fd9\u91cc\u6211\u4eec\u53ea\u4ecb\u7ecd\u5fc5\u987b\u7684\u57fa\u672c\u529f\u80fd\uff0c\u56e0\u4e3a\u5b83\u4eec\u4f1a\u88ab\u5e7f\u6cdb\u5e94\u7528\u5728SVG\u6587\u4ef6\u91cc\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2013-06-15T20:34:21", "review_tags": []}], "modified": "2016-05-22T11:10:42", "label": "Basic shapes", "localization_tags": [], "locale": "en-US", "id": 105, "last_edit": "2016-05-22T11:10:40", "summary": "There are several basic shapes used for most SVG drawing. The purpose of these shapes is fairly obvious from their names. Some of the attributes that determine their position and size are given, but an element reference would probably contain more accurate and complete descriptions along with other properties that won't be covered in here. However, since they're used in most SVG documents, it's necessary to give them some sort of introduction.", "sections": [{"id": "Basic_shapes", "title": "Basic shapes"}, {"id": "Rectangles", "title": "Rectangles"}, {"id": "Circle", "title": "Circle"}, {"id": "Ellipse", "title": "Ellipse"}, {"id": "Line", "title": "Line"}, {"id": "Polyline", "title": "Polyline"}, {"id": "Polygon", "title": "Polygon"}, {"id": "Path", "title": "Path"}], "slug": "Web/SVG/Tutorial/Basic_Shapes", "review_tags": []}