ãƒã‚¿ã•ã‚“ã®ãƒ–ãƒã‚°(復刻版) : SVG ã§æ¨ªæ›¸ãã®æ–‡å—ã®ã¾ã¾ã€ã‚¿ãƒ†ã«è¡¨ç¤ºå‰å›žã®ç¶šãã§ã™ 横書ãã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹æ–‡å—をタテã«è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã®ã‚’挑戦ã—ã¦ã¾ã™ã€‚ 今回㯠SVG を利用ã—ã¦ã„ã‚‹ã®ã§ã€ã»ã¼å…¨ã¦ãŒåº§æ¨™ã§è¡¨ç¾ã•ã‚Œã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜â†“ ブラウザã§åº§æ¨™ã‚’考ãˆã‚‹å ´åˆ (0, 0) ãŒå·¦ä¸Šã«ãªã‚Šã€ãれよりも外å´ã¯ãƒ–ラウザã®è¡¨ç¤ºã®å¤–ã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ã€ã€Œç¾Žã—ã„日本語ã€ã¨ã„ã†æ–‡å—列を (0, 0) ã‹ã‚‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ å˜ç´”ã«è€ƒãˆã‚Œã°ã€ã“ã®æ–‡å—列を 90° åž‚ç›´ã«å›žè»¢ ã•ã›ã‚Œã°ã€ã‚¿ãƒ†ã«è¡¨ç¤ºã•ã‚Œãã†ã§ã™ãŒãã†ã‚‚ã„ãã¾ã›ã‚“。 æ–‡å—列を (0, 0) ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã—ã¾ã£ãŸã®ã§ã€ãã®ã¾ã¾å›žè»¢ã•ã›ã¦ã—ã¾ã†ã¨ã€ç”»é¢ã®å¤–ã«å‡ºã¦ã—ã¾ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€SVG ã®å›žè»¢ã¯ transform(rotate) を使ã†ã‚“ã§ã™ãŒã€rotateã®å¼•æ•°ã« rotate(rangle, cx, cy) 㨠X座標(cx) 㨠Y座標(cy) ã®å›žè»¢ä½ç½®ã‚’
{{#tags}}- {{label}}
{{/tags}}