CSSã®ä¸‰è§’関数をç†è§£ã—よã†ï¼ sin()ã¨cos()ã§ã§ãã‚‹è¡¨ç¾ - ICS MEDIA2023å¹´3月ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹Chrome 111ã§ã¯CSSã®ä¸‰è§’関数ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã™ã€‚Firefoxã‚„Safariã§ã¯ã™ã§ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„る機能ã®ãŸã‚ã€2023å¹´3月ã‹ã‚‰ã¯ä¸»è¦ãªãƒ–ラウザã§CSSã®ä¸‰è§’関数ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ã€ŒCSSã§ä¸‰è§’関数をã©ã†ã‚„ã£ã¦ä½¿ãˆã°ã„ã„ã®ï¼Ÿã€ã€Œãã‚‚ãも三角関数ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿã€ã¨ã„ã†æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã“ã®è¨˜äº‹ã§ã¯ä¸‰è§’関数ã®ã†ã¡ã‚µã‚¤ãƒ³é–¢æ•°ã¨ã‚³ã‚µã‚¤ãƒ³é–¢æ•°ã®ä½œä¾‹ã‚’交ãˆãªãŒã‚‰è§£èª¬ã—ã¾ã™ã€‚ 三角関数ã®ãŠã•ã‚‰ã„ ã¾ãšã¯ã‚µã‚¤ãƒ³é–¢æ•°ã¨ã‚³ã‚µã‚¤ãƒ³é–¢æ•°ã®ãã‚Œãžã‚Œã®ä½¿ã„方を少ã—ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã—ょã†ã€‚下図ã¯è§’度をθã€åŠå¾„ã‚’rã¨ã—ãŸæ™‚ã®x座標ã¨y座標を表ã—ãŸã‚‚ã®ã§ã™ã€‚ ãŸã¨ãˆã°è§’度ãŒ60°ã§åŠå¾„ãŒ200ã ã£ãŸå ´åˆã€CSSã®ã‚µã‚¤ãƒ³é–¢æ•°ã¨ã‚³ã‚µã‚¤ãƒ³é–¢æ•°ã‚’使ã†ã¨ã€x座標ã¯cos(60deg) * 200ã€y座標ã¯sin(60deg) * 200ã§æ±‚ã‚られã¾ã™ã€‚ã¤
{{#tags}}- {{label}}
{{/tags}}