[B! SVG][ç”»åƒ] tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsutomura id:tsutomura

SVGã¨ç”»åƒã«é–¢ã™ã‚‹tsutomuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ä½¿ã„ã‚„ã™ã„æ“ä½œãƒ‘ãƒãƒ«ã§ç°¡å˜ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãŒå¯èƒ½ãªSVGã‚¨ãƒ‡ã‚£ã‚¿ã€ŽMethod Drawã€
ä½¿ã„ã‚„ã™ã„æ“ä½œãƒ‘ãƒãƒ«ã§ç°¡å˜ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãŒå¯èƒ½ãªSVGã‚¨ãƒ‡ã‚£ã‚¿ã€ŽMethod Drawã€ ã€ŽMethod Drawã€ã¯ã‚·ãƒ³ãƒ—ãƒ«ã§æ“ä½œæ€§ã®é«˜ã„ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®SVGã‚¨ãƒ‡ã‚£ã‚¿ã€‚ ã‚µãƒƒã¨èµ·å‹•ã—ã¦ç›´æ„Ÿçš„ãªæ“ä½œã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ã€ãã—ã¦å‡ºæ¥ä¸ŠãŒã£ãŸã‚‰ãã®ã¾ã¾ä¿å˜ã¨å–èª¬ä¸è¦ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã¤ãã‚ŠãŒç‰¹å¾´ã®ã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã¨è¨€ã£ã¦ã‚‚æŠ¼ã•ãˆã‚‹ã¨ã“ã‚ã¯ã‚ãƒãƒ³ã¨æŠ¼ã•ãˆã¦ã„ã¦ã€Illustratorã®ã‚ˆã†ãªãƒ‰ãƒãƒ¼ã‚½ãƒ•ãƒˆã‚’ç°¡ç•¥åŒ–ã—ãƒ¢ãƒ€ãƒ³ãªUIã§å®Ÿè£…ã—ãŸã¨ã„ã£ãŸã¨ã“ã‚ã§ã™ã€‚ ç·¨é›†ç”»é¢ã¯ä¸Šéƒ¨ã«ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€å·¦å´ã«ãƒ„ãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã€å³å´ã«ç·¨é›†ãƒ‘ãƒãƒ«ã€ä¸‹éƒ¨ã«ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆãŒãã‚Œãžã‚Œä¸¦ã‚“ã§ã„ã¾ã™ã€‚ ã“ã“ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ã®ãŒç·¨é›†ãƒ‘ãƒãƒ«ä¸Šã®ã‚ã‚‹ãã‚Œãžã‚Œã®å€¤ã®æŒ‡å®šæ–¹æ³•ã§ã€ãƒžã‚¹ä¸Šã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ä¸Šä¸‹ã•ã›ãŸã‚Šãƒ›ã‚¤ãƒ¼ãƒ«ã‚’å›žã—ãŸã‚Šã™ã‚‹ã“ã¨ã§å€¤ã‚’å¤‰æ›´ã§ãã‚‹ã“ã¨ã§ã€ã“ã‚Œã«ã‚ˆã£ã¦ã»ã¨ã‚“ã©ãƒžã‚¦ã‚¹ã‹ã‚‰æ‰‹ã‚’é›¢ã™ã“ã¨ãªãå¿«é©ã«ä½œæ¥ãŒã§ãã¾ã™ã€‚
tsutomura 2012/11/28
SVG

ç”»åƒ
ãƒªãƒ³ã‚¯
2011å¹´ã¯SVGå…ƒå¹´ã«ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¤§æ³¨ç›®ã®ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€ŒSVGã€ã®ç‰¹å¾´ã‚’ä¸€æ°—ã«ãŠã•ã‚‰ã„ã€‚
MIX11ã§ã€ŒSVGå¥³åã€ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸï¼ å¼Šç¤¾ãŒåˆ¶ä½œã‚’ã•ã›ã¦ã„ãŸã ã„ãŸã€ŒSVGå¥³åã€ãŒå…ˆæ—¥ãƒãƒ¼ãƒ³ãƒã—ã€MIX11ã§å¤§ããå–ã‚Šä¸Šã’ã‚‰ã‚Œã¾ã—ãŸã€‚ ã“ã¡ã‚‰ãŒãã®æ§˜åã§ã™ã€‚ æ—¥æœ¬ä¸Šé™¸ã¯4/26ï¼ã€ŒSVGå¥³åã€ã‚’ã‚ˆã‚Šæ¥½ã—ã‚€ãŸã‚ã«ã€ã¾ãšã¯SVGã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ ãã‚Œã§ã¯ç¶šãã‹ã‚‰ã©ã†ãžï¼ SVGã®æ°—ã«ãªã‚‹ç–‘å•ã«ç”ãˆã¾ã™ï¼ SVGã£ã¦ä½•ï¼Ÿ SVGï¼ˆScala ble Vector Graphicsï¼‰ã¯ã€XMLã«ã‚ˆã£ã¦è¨˜è¿°ã•ã‚ŒãŸãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¨€èªžã®ã“ã¨ã€ã‚ã‚‹ã„ã¯ã€SVGã§è¨˜è¿°ã•ã‚ŒãŸç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®ã“ã¨ã€‚W3Cã§ã‚ªãƒ¼ãƒ—ãƒ³æ¨™æº–ã¨ã—ã¦å‹§å‘Šã•ã‚Œã¦ã„ã‚‹ã€‚Â Scala ble Vector Graphics - Wikipedia ç°¡å˜ã«è¨€ã†ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã§ãã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚ SVGã£ã¦ä½•ãŒã™ã”ã„ã®ï¼Ÿã©ã†ã„ã†ã¨ã“ã‚ãŒä¾¿åˆ©ãªã®ï¼Ÿ ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ãªã®ã§æ‹¡å¤§ã—ã¦ã‚‚è’ã‚Œã¾ã›ã‚“ã€‚ ä¾‹ãˆã°
tsutomura 2011/04/25
SVG

ã¾ã¨ã‚

ç”»åƒ

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€ 2011å¹´01æœˆ31æ—¥- Activity Indicator ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒActivity Indicatorã€ã€‚ é€šå¸¸ã“ã†ã—ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifç‰ã§å¯¾å¿œã—ã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã¨ã€ç”»åƒãªã—ã«ç¶ºéº—ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®èªã¿è¾¼ã¿ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…å‡ºæ¥ã¾ã™ã€‚ SVGã‚„VMLã‚’ä½¿ã£ã¦ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€ãªã‚“ã¨IE6ç‰ã§ã‚‚ï¼¯ï¼«ã ãã†ã€‚ èƒŒæ™¯ãŒä½•è‰²ã ã£ã¦æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã«ãã®ã¾ã¾ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSpinnerã€ ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«è¿‘ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ãå‡ºã›ã‚‹ã€ŒprettyLoade
tsutomura 2011/01/31
jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ç”»åƒ

SVG
ãƒªãƒ³ã‚¯
ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘
iPhone4 ãŒã¤ã„ã«å±Šã„ã¦èˆˆå¥®æ°—å‘³ã®gunjiã§ã™ã€‚ 2é€±é–“å¾…ã¡ã§ã—ãŸï¼ å¾…ã£ã¦ã‚‹é–“ã«ã€iPhone4ã‚‚å¯¾è±¡ã¨ã—ãŸWEBã‚¢ãƒ—ãƒªï¼ˆãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®web view ã‚’å«ã‚€ï¼‰ ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§æ°—ã‚’ã¤ã‘ã‚‹ã“ã¨ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã„ãŸã¨ã“ã‚ã€ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ç”»åƒã‚’æœ€é©åŒ–ã•ã›ã‚‹ã®ã£ã¦æ„å¤–ã¨ã‚ã‚“ã©ã„ã‚ˆãï¼ ã¨ã„ã†ç¾å®Ÿã«æ‰“ã¡ã®ã‚ã•ã‚ŒãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ãã‚‚ãã‚‚Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã£ã¦ãªã‚“ã§ã—ãŸã£ã‘ï¼Ÿ ã¯ã„ã¯ã„ã€iPhone4ã®ç›®çŽ‰ã®ã²ã¨ã¤ã§ã€ä»Šã¾ã§ã®2å€ã®è§£åƒåº¦ã§ ç”»é¢ãŒã¨ã£ã¦ã‚‚ã‚ãƒ¬ã‚¤ã«è¦‹ãˆã‚‹ã‚“ã§ã™ã‚ˆãï¼ æ‹¡å¤§ã—ãªãã¦ã‚‚å°ã•ãªæ–‡å—ãŒèªã‚ã‚‹ãªã‚“ã¦ã‚µã‚¤ã‚³ãƒ¼ï¼ ã¨ã“ã‚ãŒã€ä»Šã¾ã§iPhoneå‘ã‘ã«ä½œã£ãŸã‚µã‚¤ãƒˆã‚’ã“ã®iPhone4ã§è¦‹ã‚‹ã¨ã¡ã‚‡ã£ã¨ ä¸æ€è°ãªçŠ¶æ…‹ã«ãªã£ã¦ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã™ã€‚ iPhone4ã§è¦‹ãŸã‚‰ãªã‚“ã‹ç”»åƒãŒã«ã˜ã‚“ã§ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ãƒ»ãƒ»ãƒ»ï¼Ÿï¼ ã“ã†ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ ãã†ã€
tsutomura 2011/01/06
iPhone

css

SVG

ç”»åƒ
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚’ä½¿ç”¨ã›ãšã«ã€canvasã§ãƒ†ãƒ¬ãƒ“ã®ç ‚åµã‚’æããƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
How to Generate Noise with Canvas ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹ä½œæˆï¼‰ [ad#ad-2] JavaScript function generateNoise(opacity) { if ( !!!document.createElement('canvas').getContext ) { return false; } var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), x, y, r, g, b, opacity = opacity || .2; canvas.width = 100; canvas.height = 100; for ( x = 0; x < canvas.width; x++ ) { for ( y = 0; y < canvas.heigh
tsutomura 2010/11/25
ç”»åƒ

SVG
ãƒªãƒ³ã‚¯
Opera News
Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMAâ€™s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commissionâ€™s decision not to designate Microsoft Edge as a gateke
tsutomura 2010/09/18
SVG

ç”»åƒ

HTML5

***
ãƒªãƒ³ã‚¯
1