)
SVG vs canvas: how to choose (Windows)
Starting at a high level, this topic provide a comparison of SVG and Canvas, then proceeds to discuss a number of comparative code examples, such as ray tracing and green screening. Note  In order to view many of the examples contained within the topic, you must use a browser, such as Windows Internet Explorer 9, that supports the SVG and Canvas elements. Introduction Vector Graphics High Level Ov
ã„ã¾ã•ã‚‰èžã‘ãªã„SVGã€ãªãœçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã®ã‹ï¼Ÿ
ã„ã¾ã•ã‚‰èžã‘ãªã„SVGã€ãªãœçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã®ã‹ï¼Ÿï¼šã„ã¾ã•ã‚‰èžã‘ãªã„リッãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæŠ€è¡“（9）（1/3 ページ） 「SVGã£ã¦ä½•ï¼Ÿã€ã¨æ€ã†ã®ã¯ç„¡ç†ã‚‚ãªã„ PCã§å–り扱ã†ç”»åƒã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¯ã„ã‚ã„ã‚ãªå½¢å¼ãŒã‚ã‚Šã¾ã™ã€‚JPEGã€GIFã€PNGã€BMPã€TIFã€â€¦â€¦ ãªã©ãªã©ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚ã•ã¦ã€ãã®ç”»åƒå½¢å¼ã®ä¸ã§ã€ŒSVGã€ã¨ã„ã†ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒã‚ã‚‹ã®ã¯ã”å˜ã˜ã§ã—ょã†ã‹ï¼Ÿ ã“ã®SVG「ベクタデータã§ç”»è³ªã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ã„ï¼ã€ã€Œãƒ†ã‚ストファイル作æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€æ±Žç”¨æ€§ãŒéžå¸¸ã«é«˜ã„ï¼ã€ã€ŒXMLå½¢å¼ã§è¨˜è¿°ãŒã§ãã¦ç®¡ç†ã—ã‚„ã™ã„ï¼ã€ã€ŒJavaScriptã¨ç›¸æ€§ãƒãƒ„グンã§ãƒªãƒƒãƒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæ‰‹è»½ã«ä½œã‚Œã‚‹ï¼ã€ãªã©ã€ã¨ã¦ã‚‚Webã¨ç›¸æ€§ãŒè‰¯ã•ãã†ãªç”»åƒå½¢å¼ã§ã™ã€‚ ã„ã‚ã„ã‚ãªé•·æ‰€ã‚’æŒã¤ã€ŒSVGã€ã¯ã€çŸ¥ã‚‰ãªã„人ã«ã¨ã£ã¦ã¯ã€Œæ–°ã—ã„技術ã€ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€Webã®æ¨™æº–化団体「W3Cã€ã‹ã‚‰SVG 1.0ãŒå‹§å‘Š
[tips][Sublime Text] Sublime Text 3をインストールã—ãŸã‚‰ã¾ãšã‚„ã‚‹ã“ã¨
I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 最近ãŠæ°—ã«å…¥ã‚Šã®ã‚¨ãƒ‡ã‚£ã‚¿ã€ŒSublime Text 3ã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã‚‰æœ€åˆã«ã‚„ã‚‹ã“ã¨ã‚’紹介ã—ã¾ã™ã€‚プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹ã«ã¯æœ€é©ãªã‚¨ãƒ‡ã‚£ã‚¿ã ã¨æ€ã„ã¾ã™ã€‚環境ã¯Windowsã§ã™ãŒã€ã‚„ã‚‹ã“ã¨ã¯Macã¨å¤‰ã‚ã‚Šã¾ã›ã‚“。(Macã®äººã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒå¤šå°‘変ã‚ã‚‹ã®ã§ã€é©å®œèª¿ã¹ã¦ãã ã•ã„) 1. 「Sublime Text 3ã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« (1)Windows用インストーラをダウンãƒãƒ¼ãƒ‰ã—ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ (2)「sublime_text.exeã€ã‚’èµ·å‹•ã™ã‚‹ã€‚ 2. 「Package Controlã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 「Package Controlã€ã¯Sublime Textã«ãƒ‘ッケージを入れるãŸã‚ã®ãƒ‘ッケージ管ç†ãƒ„ー
![[tips][Sublime Text] Sublime Text 3をインストールã—ãŸã‚‰ã¾ãšã‚„ã‚‹ã“ã¨](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4f3afd7e2cde3b9ae24aa747b2769fa90da40da/height=288;version=1;width=512/https%3A%2F%2F66.media.tumblr.com%2Favatar_83e54e70729a_128.pnj){kind=avatar}
iPhone/Androidã®é€£çµ¡å…ˆï¼ˆGmail）をガラケーã®é›»è©±å¸³ã«ç§»è¡Œã™ã‚‹
ã¯ã˜ã‚ã«â€¦ å‹äººãŒé€šè©±å°‚用端末ã¨ã—ã¦ã‚¬ãƒ©ã‚±ãƒ¼ã‚’購入ã—ãŸã®ã§ï¼Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®é€£çµ¡å…ˆã‚’ガラケーã®é›»è©±å¸³ã«ã‚³ãƒ”ーã™ã‚‹ä½œæ¥ã‚’手ä¼ã„ã¾ã—ãŸï¼Ž 一応，ç§ã®ä½œæ¥æ‰‹é †ã‚’メモã—ã¦ãŠãã¾ã™ï¼Ž iPhoneã‚„Android端末ãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ãƒ¦ãƒ¼ã‚¶ã§ã‚ã‚Œã°ï¼Œé›»è©±ç•ªå·ã‚„メールアドレスをGoogleアカウントã®é€£çµ¡å…ˆï¼ˆGmail）ã¨åŒæœŸã—ã¦ã„る人ãŒå¤šã„ã¨æ€ã„ã¾ã™ï¼Ž åŒæœŸã—ã¦ã„ã‚Œã°ï¼Œä»®ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ•…éšœã—ã¦ã‚‚，ä¿å˜ã—ã¦ã„ãŸé€£çµ¡å…ˆã‚’失ã†äº‹ã¯ã‚ã‚Šã¾ã›ã‚“． スマートフォンã®æœ€ä½Žé™ã®æ´»ç”¨è¡“ã¨ã—ã¦ï¼Œé›»è©±ç•ªå·ã‚„メールアドレスã®ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã¯å¿…ãšè¨å®šã—ã¦ãŠãã¹ãã§ã—ょã†ï¼Ž iPhone ã‚„ iPad 㧠Gmailã€ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€é€£çµ¡å…ˆã‚’åŒæœŸã™ã‚‹ Android端末ã®å ´åˆ 「è¨å®šã€ > 「アカウントã¨åŒæœŸã€ > ä»»æ„ã®Googleアカウントをé¸æŠž > 「電話帳åŒæœŸã€ã«ãƒã‚§ãƒƒã‚¯ ã•ã¦ï¼Œé€£çµ¡å…ˆï¼ˆGmail）を電話帳ã«ç§»è¡Œã™ã‚‹
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}