{"id":236,"date":"2015-10-13T12:44:58","date_gmt":"2015-10-13T03:44:58","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=236"},"modified":"2015-10-13T12:46:34","modified_gmt":"2015-10-13T03:46:34","slug":"svgpart3","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2015\/10\/svgpart3\/","title":{"rendered":"SVG\u8981\u7d20\uff08\u30bf\u30b0\uff09\u306e\u8a18\u8ff0\u306b\u3064\u3044\u3066\uff08\u305d\u306e\uff13\uff09"},"content":{"rendered":"

<\/p>\n

\u25ceSVG\u8981\u7d20\uff08\u30bf\u30b0\uff09\u306e\u8a18\u8ff0\u306b\u3064\u3044\u3066\uff08\u305d\u306e\uff13\uff09<\/h3>\n

\u30c6\u30ad\u30b9\u30c8\uff08text\u30bf\u30b0\uff09\u306e\u8a18\u8ff0\u306b\u3064\u3044\u3066\u307e\u3068\u3081\u3066\u898b\u307e\u3057\u305f\u3002
\n\u5185\u5bb9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3068\u306a\u308a\u307e\u3059\u3002
\n<\/p>\n

\uff11\u3001\u30c6\u30ad\u30b9\u30c8\uff08text\u30bf\u30b0\uff09\u306e\u5c5e\u6027\u306b\u3064\u3044\u3066
\n\u3000\u3000\u4f8b\uff1a<text x=”0″ y=”20″ fill=”Brown”>TakayaCommunications<\/text>
\n\u3000\u3000\u3000a.\u300cx\u300d\u306f\u3001\u6587\u5b57\u306e\u8868\u793a\u3059\u308bX\u5ea7\u6a19\u3092\u5b9a\u7fa9\u3057\u3066\u3044\u307e\u3059\u3002
\n\u3000\u3000\u3000b.\u300cy\u300d\u306f\u3001\u6587\u5b57\u306e\u8868\u793a\u3059\u308bY\u5ea7\u6a19\u3092\u5b9a\u7fa9\u3057\u3066\u3044\u307e\u3059\u3002
\n\u3000\u3000\u3000c.\u300ctransform\u300d\u306f\u3001\u5ea7\u6a19\u8ef8\u306e\u5909\u5f62\u3092\u884c\u3044\u307e\u3059\u3002
\n\u3000\u3000\u3000\u3000\u30fbmatrix\u95a2\u6570\uff08\u5909\u63db\u884c\u5217\u306b\u3088\u308b\u5909\u5f62\uff09
\n\u3000\u3000\u3000\u3000\u30fbtranslate\u95a2\u6570\uff08\u79fb\u52d5[tx,ty]\uff09
\n\u3000\u3000\u3000\u3000\u30fbscale\u95a2\u6570\uff08\u62e1\u5927\u30fb\u7e2e\u5c0f[sx,sy]\u30de\u30a4\u30ca\u30b9\u306e\u5024\u3082\u8a2d\u5b9a\u53ef\u80fd\u3002\u305d\u306e\u5834\u5408\u306f\u56f3\u5f62\u304c\u53cd\u8ee2\u3059\u308b\u3002\uff09
\n\u3000\u3000\u3000\u3000\u30fbrotate\u95a2\u6570\uff08\u56de\u8ee2[angle,cx,cy]\u306a\u304a\u89d2\u5ea6\u306f0\u301c360\u3092\u6307\u5b9a\uff09
\n\u3000\u3000\u3000\u3000\u30fbskewX\u95a2\u6570\uff08\u6a2a\u65b9\u5411\u306e\u50be\u659c[angle]\uff09
\n\u3000\u3000\u3000\u3000\u30fbskewY\u95a2\u6570\uff08\u7e26\u65b9\u5411\u306e\u50be\u659c[angle]\uff09
\n\u3000\u3000\u3000\u3000\u6ce8\uff09deg\u7b49\u306e\u5358\u4f4d\u306f\u4e0d\u8981<\/p>\n

\uff12\u3001\u30c7\u30a3\u30d5\uff08defs\u30bf\u30b0\uff09\u306b\u3064\u3044\u3066
\n\u3000\u3000defs\u30bf\u30b0\u306f\u5404\u7a2e\u5b9a\u7fa9\u60c5\u5831\uff08\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u306a\u308b\u56f3\u5f62\u3084\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u7b49\uff09\u3092\u683c\u7d0d\u3057\u307e\u3059\u3002
\n\u3000\u3000\u60c5\u5831\u306e\u683c\u7d0d\u3067\u3059\u306e\u3067\u3001defs\u30bf\u30b0\u306e\u4e2d\u306e\u5b9a\u7fa9\u3067\u8868\u793a\u3057\u305f\u308a\u3059\u308b\u4e8b\u306f\u3001\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n

\uff13\u3001\u30c6\u30ad\u30b9\u30c8\u30d1\u30b9\uff08textPath\u30bf\u30b0\uff09\u306e\u5c5e\u6027\u306b\u3064\u3044\u3066
\n\t\u4e88\u3081\u5b9a\u7fa9\u3057\u3066\u304a\u3044\u305f\u7dda\u306e\u4e0a\u306b\u6587\u5b57\u5217\u3092\u914d\u7f6e\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u304d\u307e\u3059\u3002\u6587\u5b57\u63cf\u753b\u306e\u57fa\u5e95\u7dda\u306b\u63a5\u3059\u308b\u3088\u3046\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002
\n\u3000\u3000<textPath xmlns:xlink=”http:\/\/www.w3.org\/1999\/xlink” xlink:href=”#path1″>TakayaCommunications<\/textPath>
\n\u3000\u3000a.\u300cstartOffset\u300d\u306f\u3001\u6587\u5b57\u914d\u7f6e\u306e\u958b\u59cb\u4f4d\u7f6e\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002
\n\u3000\u3000b.\u300cmethod\u300d\u306f\u3001\u30d1\u30b9\u306b\u6cbf\u3063\u3066\u6587\u5b57\u5217\u3092\u4e26\u3079\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u6587\u5b57\u305d\u306e\u3082\u306e\u3092\u5909\u5f62\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002
\n\u3000\u3000\u3000\uff08align\uff1a\u4f4d\u7f6e\u306e\u307f\uff09\u3068\uff08stretch\uff1a\u30d1\u30b9\u306b\u6cbf\u3063\u3066\u5909\u5f62\u3059\u308b\uff09\u306e\u6307\u5b9a\u304c\u3042\u308a\u307e\u3059\u3002
\n\u3000\u3000c.\u300cspacing\u300d\u306f\u3001\u5b57\u306e\u5e45\u3092\u7528\u3044\u308b\u304b\u6587\u5b57\u9593\u9694\u3092\u8abf\u6574\u3059\u308b\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002
\n\u3000\u3000\u3000\uff08exact\uff1a\u6587\u5b57\u306e\u5e45\u3067\u305d\u306e\u307e\u307e\u4e26\u3079\u308b\uff09\u3068\uff08auto\uff1a\u6587\u5b57\u9593\u3092\u8abf\u7bc0\u3059\u308b\uff09\u306e\u6307\u5b9a\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n

\u2193\u4ee5\u4e0b\u304c\u30c6\u30b9\u30c8\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n

\u25bcHTML<\/p>\n

<svg>\r\n    <!--\u3000\u30c6\u30ad\u30b9\u30c8\u8868\u793a -->\r\n\t<text x=\"0\" y=\"20\" fill=\"Brown\">TakayaCommunications<\/text>\r\n    <!--\u3000\u30c6\u30ad\u30b9\u30c8\u8868\u793a transform-->\r\n\t<text x=\"100\" y=\"150\" fill=\"red\" transform=\"rotate(30 100,150)\">TakayaCommunications<\/text>\r\n    <!--\u3000\u30c6\u30ad\u30b9\u30c8\u8868\u793a defs\/textPath -->\r\n\t<defs><path id=\"path1\" d=\"M300,50 a50,50 0 1,0 150,150\" \/><\/defs>\r\n\t<text x=\"175\" y=\"200\" fill=\"purple\">\r\n\t\t\t\t<textPath xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xlink:href=\"#path1\">TakayaCommunications<\/textPath>\r\n\t<\/text>\r\n<\/svg>\r\n<\/pre>\n
\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u25ceSVG\u8981\u7d20\uff08\u30bf\u30b0\uff09\u306e\u8a18\u8ff0\u306b\u3064\u3044\u3066\uff08\u305d\u306e\uff13\uff09 \u30c6\u30ad\u30b9\u30c8\uff08text\u30bf\u30b0\uff09\u306e\u8a18\u8ff0\u306b\u3064\u3044\u3066\u307e\u3068\u3081\u3066\u898b\u307e\u3057\u305f\u3002 \u5185\u5bb9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,3],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/236"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":2,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/236\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/236\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}