{"json_modified": "2016-10-13T03:25:45.401384", "uuid": "e6ac0111-938a-489b-8bd5-bee2e89934b8", "title": "Fills and Strokes", "url": "/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes", "tags": ["SVG", "NeedLiveSamples", "SVG:Tutorial", "Beginner"], "translations": [{"uuid": "858dce19-333a-4480-bfbe-69101934c6a6", "title": "Fills and Strokes", "url": "/ja/docs/Web/SVG/Tutorial/Fills_and_Strokes", "tags": ["SVG", "SVG:Tutorial"], "summary": "\u5168\u7a2e\u985e\u306e\u56f3\u5f62\u3092\u63cf\u304f\u65b9\u6cd5\u3092\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u306e\u3067\u3001\u6b21\u306e\u76ee\u6a19\u306f\u305d\u308c\u3089\u306b\u8272\u3092\u3064\u3051\u308b\u3053\u3068\u3067\u3057\u3087\u3046\u3002\u3053\u308c\u3092\u884c\u3046\u65b9\u6cd5\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u5c5e\u6027\u3067\u6307\u5b9a\u3001\u30a4\u30f3\u30e9\u30a4\u30f3 CSS \u306e\u5229\u7528\u3001\u57cb\u3081\u8fbc\u3093\u3060 CSS \u30bb\u30ec\u30af\u30bf\u306e\u5229\u7528\u3001\u5916\u90e8 CSS \u30d5\u30a1\u30a4\u30eb\u306e\u5229\u7528\u304c\u542b\u307e\u308c\u307e\u3059\u3002Web \u3067\u898b\u304b\u3051\u308b\u307b\u3068\u3093\u3069\u306e SVG \u306f\u30a4\u30f3\u30e9\u30a4\u30f3 CSS \u3092\u7528\u3044\u3066\u3044\u307e\u3059\u304c\u3001\u3069\u306e\u65b9\u6cd5\u306b\u3082\u5229\u70b9\u3068\u6b20\u70b9\u304c\u3042\u308a\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-08T16:21:46", "review_tags": []}, {"uuid": "eba14076-146e-4972-8abb-e35bff649dcc", "title": "\u586b\u5145\u548c\u8fb9\u6846", "url": "/zh-CN/docs/Web/SVG/Tutorial/Fills_and_Strokes", "tags": [], "summary": "\u73b0\u5728\u4f60\u53ef\u4ee5\u7528\u4f60\u638c\u63e1\u7684\u77e5\u8bc6\u6765\u7ed8\u5236\u4efb\u4f55\u56fe\u5f62\u4e86\uff0c\u4f60\u7684\u4e0b\u4e00\u4e2a\u76ee\u6807\u662f\u7ed9\u5b83\u4eec\u7740\u8272\u3002\u53ef\u4ee5\u4f7f\u7528\u51e0\u79cd\u65b9\u6cd5\u6765\u7740\u8272\uff0c\u5305\u62ec\u6307\u5b9a\u5bf9\u8c61\u7684\u5c5e\u6027\uff0c\u4f7f\u7528\u5185\u8054CSS\u6837\u5f0f\uff0c\u6216\u8005\u5185\u5d4c\u7684CSS\u6837\u5f0f\uff0c\u6216\u8005\u4f7f\u7528\u5916\u90e8\u7684CSS\u6837\u5f0f\u6587\u4ef6\u3002\u5927\u591a\u6570\u7684web\u7f51\u7ad9\u7684SVG\u4f7f\u7528\u7684\u662f\u5185\u8054\u6837\u5f0fCSS\uff0c\u5bf9\u4e8e\u8fd9\u4e9b\u65b9\u6cd5\u90fd\u6709\u4f18\u7f3a\u70b9\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-10-09T04:04:03", "review_tags": []}, {"uuid": "0f44b456-b1f7-40fd-9a9e-9b04bf87e99d", "title": "\u586b\u5145\u4e0e\u8fb9\u6846", "url": "/zh-TW/docs/Web/SVG/Tutorial/%E5%A1%AB%E5%85%85%E4%B8%8E%E8%BE%B9%E6%A1%86", "tags": [], "summary": "\u73b0\u5728\u4f60\u638c\u63e1\u7684\u77e5\u8bc6\u5df2\u7ecf\u53ef\u4ee5\u7ed8\u5236\u4efb\u4f55\u56fe\u5f62\uff0c\u4e0b\u4e00\u4e2a\u76ee\u6807\u662f\u7ed9\u5b83\u4eec\u4e0a\u8272\u3002\u5728SVG\u7ed8\u56fe\u4e2d\uff0c\u53ef\u4ee5\u4f7f\u7528\u82e5\u5e72\u65b9\u6cd5\u4e0a\u8272\uff0c\u6bd4\u5982\u7ed9\u56fe\u5f62\u5bf9\u8c61\u589e\u52a0\u6307\u5b9a\u7684\u5c5e\u6027\uff0c\u4f7f\u7528\u884c\u95f4CSS\uff0c\u4f7f\u7528CSS\u5d4c\u5165\u6bb5\u843d\uff0c\u6216\u8005\u4f7f\u7528\u5916\u90e8\u5f15\u7528\u7684CSS\u6587\u4ef6\u3002\u4f60\u4f1a\u53d1\u73b0\u5927\u90e8\u5206web\u4e0a\u7684SVG\u4f7f\u7528\u7684\u662f\u884c\u95f4CSS\uff0c\u4f46\u6bcf\u79cd\u65b9\u6cd5\u90fd\u6709\u81ea\u8eab\u7684\u4f18\u70b9\u548c\u7f3a\u70b9\uff0c\u5728\u4e0d\u540c\u60c5\u51b5\u4e0b\uff0c\u5e94\u8be5\u914c\u60c5\u9009\u62e9\u5408\u9002\u7684\u65b9\u6cd5\u3002", "localization_tags": [], "locale": "zh-TW", "last_edit": "2013-06-15T20:34:21", "review_tags": []}], "modified": "2016-10-13T03:25:45", "label": "Fills and Strokes", "localization_tags": [], "locale": "en-US", "id": 1231, "last_edit": "2016-10-13T03:25:42", "summary": "There are several ways to color shapes (including specifying attributes on the object)\u00a0using inline <a href=\"/en-US/docs/Glossary/CSS\">CSS</a>, an embedded CSS section, or an external CSS file. Most <a href=\"/en-US/docs/Glossary/SVG\">SVG </a>you'll find around the web use inline CSS, but there are advantages and disadvantages associated with each type.", "sections": [{"id": "Fill_and_Stroke_Attributes", "title": "Fill and Stroke Attributes"}, {"id": "Painting", "title": "Painting"}, {"id": "Stroke", "title": "Stroke"}, {"id": "Using_CSS", "title": "Using CSS"}], "slug": "Web/SVG/Tutorial/Fills_and_Strokes", "review_tags": []}