[B! svg] kadoppeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kadoppe id:kadoppe

svgã«é–¢ã™ã‚‹kadoppeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (75)

${{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å…¥é–€ | ç¬¬1å›ž SVGã‚³ãƒ¼ãƒ‰ã®åŸºæœ¬
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®SVGå…¥é–€ ç¬¬1å›ž SVGã‚³ãƒ¼ãƒ‰ã®åŸºæœ¬ ã“ã®è¨˜äº‹ã§ã¯ã¾ãšSVGã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦ã®åŸºæœ¬ã¨ã€ã•ã¾ã–ã¾ãªå®Ÿè£…æ–¹æ³•ã‚’æ¦‚è¦³ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ãã‚Œãžã‚Œã®ç‰¹å¾´ã‚’æ‰ãˆã‚‰ã‚Œã‚‹ã¨ã€å®Ÿè£…æ–¹æ³•ã®é¸æŠžãŒé©åˆ‡ã«ã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã« SVGã¯ã€Android2.0ç³»ã‚„IE8ã§ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã®ã§ã€ä»Šã®æ®µéšŽã§æ°—è»½ã«ã¯ä½¿ã„ã¥ã‚‰ã„æŠ€è¡“ã§ã™ã€‚ã—ã‹ã—ã€iOS Safariå‘ã‘ã®Webãƒšãƒ¼ã‚¸ãªã©ã€é™ã‚‰ã‚ŒãŸç’°å¢ƒã«å‘ã‘ã¦ã¯åŠ¹æžœã‚’ç™ºæ®ã—ã¾ã™ã€‚ä»Šå›žã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒçŸ¥ã£ã¦ãŠãã¹ãSVGã®ä»•æ§˜ã‚„ä½¿ã„æ–¹ã‚’è¦‹ç›´ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç”»åƒã§ã‚ã‚Šãƒ†ã‚ã‚¹ãƒˆã§ã‚ã‚‹ ã€ŒSVGï¼ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãªãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã€ã¯ã€SVGã®å¤§ããªç‰¹å¾´ã§ã™ã€‚ã“ã®ã“ã¨ã¯å¤šãã®äººãŒèªè˜ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ©ã‚¹ã‚¿å½¢å¼ã¯ç‰¹ã«æ‹¡å¤§ã«å¼±ãã€æ‹¡å¤§ã™ã‚‹ã¨ãƒ‰ãƒƒãƒˆãŒç›®ç«‹ã¤ã€‚ä¸€æ–¹ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã¯æ‹¡å¤§ã—ã¦ã‚‚ç”»åƒã®åŠ£åŒ–ã¯ãªã„ã€‚ SVGã«ã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå˜åœ¨ã—ã€ã“ã‚Œã«ã‚ˆã‚Šç”»
kadoppe 2015/05/11
*web

svg
ãƒªãƒ³ã‚¯
Snap.svgã®ä½¿ã„æ–¹ã¾ã¨ã‚
Snap.svgã®ä½¿ã„æ–¹ ã¾ã¨ã‚ How to useã™ãªã£ã·.svg ã‚¿ã‚¤ãƒˆãƒ« svgè¦ç´ ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ã¨ã‚ãƒ»åˆ¥é¤¨ written by DEFGHI1977@xboxlive æœ¬è¨˜äº‹ã§ã¯svgä¸–ä»£ã®javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦æœ‰æœ›ãªSnap.svgã®ä½¿ã„æ–¹ã«ã¤ã„ã¦å®Ÿéš›ã«å‹•ä½œã—ã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ï¼ˆã“ã‚Œã¯å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã‚ã‚‹ã¨åŒæ™‚ã«ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã¨è¨€ãˆã‚‹ã‚‚ã®ã§ã™ãï¼‰ï¼ŽãªãŠé–“é•ã„ãŒã‚ã£ãŸã‚Šï¼Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ä¼´ã†ä¸æ•´åˆãŒç™ºç”Ÿã™ã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã®ã§ï¼Œãã®ç‚¹ã”å®¹èµ¦ä¸‹ã•ã„ãï¼Žã‚„ã£ã±ã‚Šæ‰‹ã§ã‚´ãƒªã‚´ãƒªæ›¸ã„ã¦ã¾ã™ï¼Ž ãªãŠï¼ŒSnap.svgã‚’ç”¨ã„ãŸSVG(ã‚‚ã—ãã¯javascriptã®)å…¥é–€è¨˜äº‹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ŽSnap.svgã‚’ä¸Šæ‰‹ãæ´»ç”¨ã—ãŸã„ã®ã§ã‚ã‚Œã°ï¼ŒèƒŒå¾Œã§å‹•ã„ã¦ã„ã‚‹svgã«ã¤ã„ã¦ã‚ˆãçŸ¥ã£ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼Žãã®ãŸã‚ï¼Œã‚ã‚‹ç¨‹åº¦SVGã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®çŸ¥è˜ãŒã‚ã‚‹ã“ã¨ã‚’å‰æã«è©±ã‚’
kadoppe 2015/04/11
*programming

svg
ãƒªãƒ³ã‚¯
svgã§å¾ã€…ã«æã‹ã‚Œã‚‹ãƒ†ã‚ã‚¹ãƒˆ - jsdo.it - Share JavaScript, HTML5 and CSS
kadoppe 2015/03/10
*programming

*web

javascript

svg
ãƒªãƒ³ã‚¯
librsvg - Wikipedia
librsvgã¯GNOMEãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸€éƒ¨ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ SVG ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯LGPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€‚ librsvgã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³v2.13.0.ã‹ã‚‰ç¬¬ä¸€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã—ã¦Cairoã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ librsvgã¯GNOMEãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ä½¿ã†ç‚ºã«é–‹ç™ºã•ã‚ŒãŸãŒã€æ‹¡å¼µã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯SVGãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ä»–ã®å¤šãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚å†…è”µã•ã‚Œã¦ã„ã‚‹ã€‚ ã‚¦ã‚£ã‚ãƒšãƒ‡ã‚£ã‚¢ã¯SVGãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«librsvgã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚[1]
kadoppe 2014/08/14
*programming

svg
ãƒªãƒ³ã‚¯
SVGMagic - Great jQuery SVG fallback plugin
SVGMagic: the fully automated SVG fallback SVGMagic is a simple jQuery plugin that searches for SVG images (including background- and inline dataimages) on your website and creates PNG versions if the browser doesn't support SVG. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for
kadoppe 2014/02/27
SVGéžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ç”¨ã«SVGã‚’PNGã«å·®ã—æ›¿ãˆã¦ãã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚å°‚ç”¨ã‚µãƒ¼ãƒãŒPNGã‚’ç”Ÿæˆã—ã¦å·®ã—æ›¿ãˆã€‚

*programming

*web

javascript

svg
ãƒªãƒ³ã‚¯
GitHub - RazrFalcon/svgcleaner: svgcleaner could help you to clean up your SVG files from the unnecessary data.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kadoppe 2014/02/07
*web

svg

image

performance
ãƒªãƒ³ã‚¯
http://build-podcast.com/svg/
kadoppe 2014/01/25
*web

svg
ãƒªãƒ³ã‚¯
501421 - Implement getIntersectionList(), getEnclosureList(), checkIntersection(), checkEnclosure()
kadoppe 2013/12/09
*programming

svg

javascript

firefox
ãƒªãƒ³ã‚¯
SVGå¥³åã‚’90%è»½ãã—ãŸSVGè»½é‡åŒ–ãƒ†ã‚¯+Î± #svggirl
ã‚ã„ã¤ä»•äº‹ã—ã¦ãªã„ã§å¥³ã®åã®ã‚¤ãƒ©ã‚¹ãƒˆã°ã£ã‹ã‚Šã„ã˜ã£ã¦ã‚‹ãžã¨é™°ãªãŒã‚‰è¨€ã‚ã‚Œã¦ã„ãŸå–œç´ã§ã™ã€‚ HTML5ã§å‹•ãSVGã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒSVGå¥³åã€ãŒãƒ©ã‚¹ãƒ™ã‚¬ã‚¹ã§ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆåŸºèª¿è¬›æ¼”MIX11ã§å…¬é–‹ã•ã‚Œã€ ä¸–ç•Œã‚’ï¼ˆã„ã‚ã‚“ãªæ„å‘³ã§ï¼‰é©šã‹ã—ã¦ãã¾ã—ãŸãŒã€ ã¤ã„ã«æœ¬æ—¥ã€æ—¥æœ¬ã§ã‚‚å…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ ã—ã‹ã‚‚æ—¥æœ¬ç‰ˆã«åˆã‚ã›ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚é•·ããªã£ã¦ã„ã¾ã™ï¼ ã“ã£ãã‚Šãƒ–ãƒ©ã‚¦ã‚¶ã‚’è‹±èªžã«ã—ã¦è¦‹ã¦ã„ãŸäººã‚‚å¿…è¦‹ã§ã™ï¼ ï¼ˆç¥žé¢¨å‹•ç”»ã•ã‚“ã«ã‚ˆã‚‹äºˆå‘Šç·¨å‹•ç”»ï¼ï¼‰ ç¥žé¢¨å‹•ç”»ã•ã‚“ã«ã‚ˆã‚‹ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’SVGã§å†ç¾ã™ã‚‹ã¨è¨€ã†è©¦ã¿ã€ ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã¤ã„ã¦ã¯ SVG Girlã®å…¬é–‹ã¨å†…éƒ¨å®Ÿè£…ï¼ˆãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ–ãƒã‚°ï¼‰ ã§æ‹…å½“ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å¾éƒ·ãŒèª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€ã¨ã«ã‹ã ã„ã‹ã«SVGã‚’ãã‚Œã„ã«è»½ãã™ã‚‹ã‹ãŒæœ€é‡è¦ï¼ SVGã¨ã„ãˆã°æ‹¡å¤§ã—ã¦ã‚‚è’ã‚Œã‚‹äº‹ã®ç„¡ã„ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã§ã€pngã‚ˆã‚Šã‚‚è»½ãã¤ãã‚ŒãŸã‚Šã™ã‚‹ã“ã¨ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ ä»Šå›ž
kadoppe 2013/12/04
*programming

*web

svg
ãƒªãƒ³ã‚¯
SVG ã« JavaScript ã‚’åŸ‹ã‚è¾¼ã‚€æ–¹æ³• - Qiita
SVG ã¯å†…éƒ¨ã« JavaScript ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã€‚ SVG ãƒ•ã‚¡ã‚¤ãƒ«å†…ã¸ã® JavaScript ã®è¨˜è¿°ä¾‹ ä»¥ä¸‹ã® SVG ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ãã¨åŸ‹ã‚è¾¼ã‚“ã JavaScript ãŒå®Ÿè¡Œã•ã‚Œã‚‹(Safari, Chrome ã§ç¢ºèª)ã€‚ è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å›³å½¢ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ©ãƒ³ãƒ€ãƒ ã«è‰²ãŒå¤‰ã‚ã‚‹ã€‚ <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" width="400pt" height="400pt"> <sc
kadoppe 2013/11/02
*web

svg

*programming
ãƒªãƒ³ã‚¯
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
kadoppe 2013/11/02
*web

svg
ãƒªãƒ³ã‚¯
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_05.htm
kadoppe 2013/10/29
*web

svg
ãƒªãƒ³ã‚¯
SVG 1.1 2nd Edition Test (<object>): painting-marker-01-f.svg
kadoppe 2013/10/29
*web

svg
ãƒªãƒ³ã‚¯
Outline a group of touching shapes with SVG
kadoppe 2013/08/26
*programming

*web

svg
ãƒªãƒ³ã‚¯
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_08.htm
kadoppe 2013/08/26
*web

svg
ãƒªãƒ³ã‚¯
How to get the width of an SVG tspan element
kadoppe 2013/05/31
*programming

*web

svg

javascript
ãƒªãƒ³ã‚¯
SVGã®ãƒ†ã‚ã‚¹ãƒˆã¨Media Queries | æ°´ç„¡æœˆã°ã‘ã‚‰ã®ãˆã³æ—¥è¨˜
å…¬é–‹: 2012å¹´2æœˆ13æ—¥16æ™‚10åˆ†é ƒ æœ€è¿‘ã€SVGã‚’ä½¿ã†ã“ã¨ãŒå¤šããªã£ã¦ããŸã®ã§ã™ãŒã€ãƒ†ã‚ã‚¹ãƒˆã®å‡¦ç†ãŒHTMLã¨ã¯å°‘ã—ç•°ãªã‚Šã€ã‚„ã‚„ç™–ãŒã‚ã‚Šã¾ã™ã€‚ãã®ã‚ãŸã‚Šã‚’å°‘ã—ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®æ”¹è¡ŒHTMLã®å ´åˆã¯ã€è¦ç´ å†…ã«é©å½“ã«ãƒ†ã‚ã‚¹ãƒˆã‚’æ›¸ãã¨ã€ãã®è¦ç´ ã®ä¸ã«ãƒ†ã‚ã‚¹ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚è¦ç´ ã®å¹…ã«å¯¾ã—ã¦é•·ã„ãƒ†ã‚ã‚¹ãƒˆãŒå…¥ã£ãŸå ´åˆã¯ã€ãƒ†ã‚ã‚¹ãƒˆã¯è‡ªå‹•çš„ã«æ”¹è¡Œã•ã‚Œã¾ã™ã€‚ SVG1.1ã®å ´åˆã€ãƒ†ã‚ã‚¹ãƒˆã‚’ç½®ãã«ã¯textè¦ç´ ã‚’ä½¿ã„ã€textè¦ç´ è‡ªä½“ã«xå±žæ€§ã€yå±žæ€§ã§åº§æ¨™ã‚’æŒ‡å®šã—ã¦é…ç½®ã—ã¾ã™ã€‚ã“ã®è¦ç´ ã«ã¯å¹…ã¨ã„ã†æ¦‚å¿µãŒãªãã€ãƒ†ã‚ã‚¹ãƒˆãŒè‡ªå‹•ã§æŠ˜ã‚Šè¿”ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚SVG1.1ã§ã¯ã€Œè‡ªå‹•æ”¹è¡Œã¯ãªã„ã€ã¨ã„ã†æ—¨ãŒã¯ã£ãã‚Šæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ SVG performs no automatic line breaking or word wrapping. To achieve the effect of m
kadoppe 2013/05/30
*web

svg
ãƒªãƒ³ã‚¯
SVG with Javascriptç¿’ä½œ - Kengo's blog
SVGå¥³åãŒè©±é¡Œã‚’å‘¼ã‚“ã§ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€é€£ä¼‘ä¸ã«SVGã«è§¦ã‚Œã¾ã—ãŸã€‚ä½œã£ãŸã®ã¯Javascriptã§å‹•çš„ã«å›³å½¢ã‚’æç”»ã—ãŸã‚Šå‹•ã‹ã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ã‚¸ãƒ£ãƒ³ãƒ«ã¨ã—ã¦ã¯SRPGã‚„ã‚¿ãƒ¯ãƒ¼ãƒ‡ã‚£ãƒ•ã‚§ãƒ³ã‚¹ã‚²ãƒ¼ãƒ ã«è¿‘ã„ã¨è¨€ãˆã¾ã™ã€‚ forked from: SRPG Map (Hex, SVG) - jsdo.it - share JavaScript, HTML5 and CSS ãã®ä»–ã«ã‚‚ã„ãã¤ã‹æ›¸ãã¾ã—ãŸã®ã§ã€èˆˆå‘³ã‚’ãŠæŒã¡ã®æ–¹ã¯ã”è¦§ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ http://jsdo.it/eller86/bCQH http://jsdo.it/eller86/4pKB http://jsdo.it/eller86/qcC9 ä»¥ä¸‹ã€æ°—ã¥ã„ãŸã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ãªãŠé–‹ç™ºç’°å¢ƒã¯Mac OSX 10.6.7 + Chrome 11.0.696.65ã§ã—ãŸã€‚ SVGã¯jQueryã¨ã®ç›¸æ€§ãŒæ‚ªã„ ä»Šå›žã¯jQuer
kadoppe 2013/05/27
*programming

svg

*web

javascript
ãƒªãƒ³ã‚¯
Ben McMahen - Blog
kadoppe 2013/05/13
*programming

d3

meteor

svg
ãƒªãƒ³ã‚¯
GitHub - flying-sheep/SWF2SVG: AIR app to convert SWF shapes to SVG images
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kadoppe 2013/04/07
*programming

swf

svg
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸