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

iR3 id:iR3

svgã¨SVGã«é–¢ã™ã‚‹iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

${{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}}

ã“ã„ã¤ã€å‹•ããžï¼ UIãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãä½¿ç”¨ã•ã‚Œã‚‹SVGå®Œå‚™ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã€ã—ã‹ã‚‚ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å•†ç”¨ç„¡æ–™ -Potlab Icons
ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒš ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯CC 4.0ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€å•†ç”¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã€æ”¹å¤‰ã€å†é…å¸ƒã‚‚OKã§ã™ã€‚ ä»¥ä¸‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ãSVGã‚¢ã‚¤ã‚³ãƒ³ã‚’ã„ãã¤ã‹ã€ã‚³ãƒ”ãƒšã—ã¦ã¿ã¾ã—ãŸã€‚ SVGãªã®ã§ã€ã‚µã‚¤ã‚ºã¯ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ ã€ŒSendã€ã‚¢ã‚¤ã‚³ãƒ³ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <style> .send { animation: send 2s cubic-bezier(1, -0.47, 0.01, 1.37) infinite both; } @keyframes send { 0% { transf orm: translateY(0) translateX(0); } 100%
iR3 2022/11/09
ãµã‚€ãµã‚€

ç´ æ

SVG

ã‚¢ã‚¤ã‚³ãƒ³
ãƒªãƒ³ã‚¯
ã¿ã‚“ãªã®è¶Šå¢ƒãƒžãƒƒãƒ—ã‚’ã¤ãã‚‹ ã€œã‚ã‚‹ã„ã¯SVGç”»åƒã‚’ã¤ãã‚‹ã¨ã„ã†è¶Šå¢ƒã€œ : void chachaki::Blog::main()
ã“ã®è¨˜äº‹ã¯DevLOVE AdventCalendar 2014 ã€Œè¶Šå¢ƒã€ã®100æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ 2011å¹´ã®4tateã€2012å¹´ã®Professionalã€2013å¹´ã®ç¾å ´ã«ç¶šãã€ä»Šå¹´Â ã§4å¹´é€£ç¶šã®ãƒˆãƒƒãƒ—ãƒãƒƒã‚¿ãƒ¼ã‚’ã‚„ã‚Šã¾ã—ãŸã€‚æ¯Žå¹´30ã€œ70äººã‚’å·»ãè¾¼ã‚€æ‚ªå½¹ã‚’ã‚„ã£ã¦ã‚‹æ„Ÿã˜ã§ã™ã€‚ã“ã‚Œã¯ã‚ˆããªã„ã¨æ€ã£ã¦ã€3å›žç›®ã€ãã—ã¦ãƒ©ã‚¹ãƒˆãƒãƒƒã‚¿ãƒ¼ã‚’ã‚„ã‚‹æ¬¡ç¬¬ã§ã™ã€‚ åˆ†é¡žã¯è¨˜äº‹ã‚’èªã‚“ã ç§ã®ä¸»è¦³ã§ã‚«ãƒ¼ãƒ‰ã‚½ãƒ¼ãƒˆã—ãŸå½¢ã§ã™ã€‚Â ã®ã§ã€å¤šå°‘ã‚ºãƒ¬ãŒã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ã€‚ãã®è¾ºã‚Šã¯ã”æ„›å¬Œã§ãŠé¡˜ã„ã—ã¾ã™â€¦ã‚ã¨ã€Chromeã ã¨æ–‡å—åŒ–ã‘ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“â€¦ãã‚Œã‚‚ã”æ„›å¬Œã§ãŠé¡˜ã„ã—ã¾ã™â€¦(2015/02/16è¿½è¨˜ï¼šHTMLåŒ–ã—ã¦æ–‡å—åŒ–ã‘ãŒèµ·ã“ã‚‰ãªã„ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚) ã“ã®å›³ã‚’ä½œæˆã™ã‚‹ãŸã‚ã«ã€åˆã‚ã¦SVGå½¢å¼ã‚’å¦ã³ã¾ã—ãŸã€‚XMLã§è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã¨ã¯æ€ãˆãªã„ã§ã™ãw æ›¸ãã ã—ãŸã ã‘ã§ã™ãŒã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§è§¦ã£ã¦ã¿ã‚‹ã¨é¢ç™½ã„ã§ã™ãã€‚ ãƒ„
iR3 2015/02/15
chromeã§ã¯æ–‡å—åŒ–ã‘æ®‹å¿µã€‚Omni Graffleä½¿ã„é“ãŒåºƒãŒã‚Šãã†ã€‚ GJ!!

è¶Šå¢ƒ

svg
ãƒªãƒ³ã‚¯
SVG Font Converter
Apache BatikÂ¶ Overview License Download Notes Status Demo FAQs Batik Wiki Mailing lists Contributors Bug database Projects using Batik Batik ToolsÂ¶ Overview Browser Rasterizer Font converter Pretty printer Using BatikÂ¶ Overview Architecture Javadoc APIs DOM API Parsers ScriptingÂ¶ Scripting with ECMAScript Scripting with Java Scripting with Security SVG generator Swing components Transcoder API Ext
iR3 2014/08/07
ãµã‚€ãµã‚€ ãƒ•ã‚©ãƒ³ãƒˆã‚³ãƒ³ãƒãƒ¼ã‚¿ã§ SVGåŒ–ã§ãã‚‹ã®ã

font

svg
ãƒªãƒ³ã‚¯
Inkscapeã§svgã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ä½œæˆã—ã¦ã¿ãŸ | | Scimpr Blog
Inkscapeã¨ã„ãˆã°ç„¡æ–™ã§ä½¿ãˆã‚‹ãã‚Œã„ãªç·šãŒã‹ã‘ã‚‹ã‚½ãƒ•ãƒˆã¨ã„ã†èªè˜ SVGã‚’å‹‰å¼·ã—ã¦ã„ã‚‹ã¨ãã®ãƒ•ã‚£ãƒ«ã‚¿ã‚¨ãƒ‡ã‚£ã‚¿ãŒã¨ã¦ã‚‚ä¾¿åˆ©ã ã£ãŸ å‚è€ƒã«ã—ãŸãƒšãƒ¼ã‚¸ www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics03/04.html è‹±èªžã ã‘ã©ä½•è¨€ã£ã¦ã„ã‚‹ã‹ã‚ã‹ã‚‰ãªãã¦ã‚‚è¦‹ã¦ã‚Œã°ã ã„ãŸã„ã‚ã‹ã‚‹ ã¾ãšçŸå½¢ãƒ„ãƒ¼ãƒ«ã‚’ã¤ã‹ã£ã¦é©å½“ã«å››è§’å½¢ã‚’ã¤ãã‚‹ ã¤ãã£ãŸã‚‰é¸æŠžãƒ„ãƒ¼ãƒ«ã‚’é¸ã¹ã°ç¢ºå®š ã¤ãŽã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’é¸ã‚“ã§ å‹•ç”»ã‚’å‚è€ƒã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆ ã†ãˆã®ã‚ˆã†ã«è£œåŠ©ç·šã‚’æ°´å¹³ãƒ»åž‚ç›´ã«ã™ã‚‹ã«ã¯ctrlã‚’æŠ¼ã—ãªãŒã‚‰ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚Œã°OK ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã®ã¤ãã‚Šæ–¹ä»¥å‰ã«ã¤ãã£ãŸãƒ•ã‚£ãƒ«ã‚¿ã‚’Inkscapeã§ã¤ãã£ã¦ã¿ã‚‹ d3.jsã§rectã«è§’ä¸¸ãƒ»åŠé€æ˜Žãƒ»ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ãƒ»ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°åŠ¹æžœã‚’è¿½åŠ ï½žä¸»ã«svgã®ã“ã¨ ã‚‚ã¨ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« www.w3schools.
iR3 2014/07/01
GJ!

svg

linkscape
ãƒªãƒ³ã‚¯
jQuery Mobile 1.4ãŒæ£å¼ç‰ˆã«ã€‚CSSã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGã®ã‚¢ã‚¤ã‚³ãƒ³ã§Retinaå¯¾å¿œã€DOMå‰Šæ¸›ã§å‹•ä½œã®é«˜é€ŸåŒ–ã‚‚
jQuery Mobile 1.4ãŒæ£å¼ç‰ˆã«ã€‚CSSã‚¤ãƒ³ãƒ©ã‚¤ãƒ³SVGã®ã‚¢ã‚¤ã‚³ãƒ³ã§Retinaå¯¾å¿œã€DOMå‰Šæ¸›ã§å‹•ä½œã®é«˜é€ŸåŒ–ã‚‚ iOSã‚„Androidãªã©ã‚¯ãƒã‚¹ãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQuery Mobileã€ã®æœ€æ–°ç‰ˆã€ŒjQuery Mobile 1.4ã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSSå†…ã®SVGã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’æç”» ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®å¤§ããªç‰¹å¾´ã¯ã€ã“ã‚Œã¾ã§ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŸºã«æç”»ã•ã‚Œã¦ããŸã‚¢ã‚¤ã‚³ãƒ³ãŒã™ã¹ã¦SVGã«ç½®ãæ›ãˆã‚‰ã‚ŒãŸã“ã¨ã§æ‹¡å¤§ç¸®å°ã«å¯¾ã—ã¦æŸ”è»Ÿã«ãªã‚Šã€Retinaãªã©é«˜ç²¾ç´°ãªç”»é¢ã§ã‚‚ãªã‚ã‚‰ã‹ãªè¡¨ç¤ºã‚’å®Ÿç¾ã—ãŸã“ã¨ã§ã™ã€‚ ä¾‹ãˆã°ã€jQuery Mobile 1.4ã§ã‚¢ã‚¤ã‚³ãƒ³è¡¨ç¤ºã‚’å‚™ãˆãŸãƒœã‚¿ãƒ³ã‚’Chromeã®ãƒ‡ãƒãƒƒã‚¬ã§è¦‹ã¦ã¿ã‚‹ã¨ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç¤ºã™éƒ¨åˆ†ã«ã¯SVGã®ã‚³ãƒ¼ãƒ‰ãŒãã®ã¾ã¾è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚ã£ãŸPNGå½¢
iR3 2014/01/08
ã©ã‚“ã©ã‚“æ™‚ä»£ã¯é€²åŒ–ã—ã¦ã‚†ããª â€œç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŸºã«æç”»ã•ã‚Œã¦ããŸã‚¢ã‚¤ã‚³ãƒ³ãŒã™ã¹ã¦SVGã«ç½®ãæ›ãˆã‚‰ã‚ŒãŸâ€

svg
ãƒªãƒ³ã‚¯
æ«»ç”°æ½¤ | ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ»ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼
ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã®åŠ›ã§ä¸–ç•Œã‚’ä¸¸ãã™ã‚‹ã€‚ åœ°çƒã®å½¢çŠ¶ãŒã€Œä¸¸ã„ã€ã®ã¯ã€ãã“ã§æš®ã‚‰ã™åƒ•ãŸã¡ã«ã²ã¨ã¤ã®ã€Œãƒ“ã‚¸ãƒ§ãƒ³ã€ã‚’æŒ‡ã—ç¤ºã—ã¦ã„ã¾ã™ã€‚åœ°çƒã®å½¢ã¨åŒã˜ã‚ˆã†ã«ã€ä¸–ç•Œã§èµ·ã“ã£ã¦ã„ã‚‹ã“ã¨ã®ã™ã¹ã¦ãŒä¸¸ãåŽã¾ã£ã¦ã„ã‚Œã°è‰¯ã„ã®ã§ã™ãŒã€ç¾å®Ÿã¯é•ã„ã¾ã™ã€‚ å¤§å°ã„ã‚ã„ã‚ãªè¦æ¨¡ã®æ‘©æ“¦ãŒã„ãŸã‚‹ã¨ã“ã‚ã«ç™ºç”Ÿã—ã€ç¹°ã‚Šè¿”ã•ã‚Œã¾ã™ã€‚ãã®è§£æ±ºã«å¿…è¦ãªã®ã¯ã€ãŠäº’ã„ã®ã€Œè€ƒãˆã€ã‚„ã€Œä¾¡å€¤è¦³ã€ã€Œç«‹å ´ã€ã€ã€ŒçŠ¶æ³ã€ã€ŒçŠ¶æ…‹ã€ã‚’ç¤ºã—ã€èªã‚åˆã†ã“ã¨ã§ã™ã€‚ãã®ãŸã‚ã«ã€ã€Œãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã€ã®åŠ›ã‚’æ´»ç”¨ã—ã¦ã„ãã¾ã™ã€‚
iR3 2013/11/15
ãµã‚€ãµã‚€

SVG

RAW
ãƒªãƒ³ã‚¯
Canvasã‚’SVGã§åˆ©ç”¨ã™ã‚‹æ–¹æ³•
HTML5ã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ã€Canvasã®å†…å®¹ã‚’SVGã«æ›¸ãã ã—ãŸã‚Šã€é€†ã«SVGã®å†…å®¹ã‚’Canvasã«æ›¸ãã ã—ãŸã‚Šã—ãŸããªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã®æ–¹æ³•ã®ã†ã¡ã€Canvasã‚’SVGã§åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ ï¼ˆSVGã‚’Canvasã§åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã¯ã“ã¡ã‚‰ï¼‰ Canvasã‚’SVGã§åˆ©ç”¨ã™ã‚‹ã®ã¯ã€contgextã®toDataURLã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <!DOCTYPE html> <html><head><title>Canvasã®å†…å®¹ã‚’SVGã«å‡ºåŠ›ã™ã‚‹</title> <script> (function() { var width = 400, height = 300; // SVGã®namespaceä»˜ãã§Elementã‚’ä½œæˆã™ã‚‹ var createElement = function(tag, attributes) { var ret = document.cr
iR3 2013/06/29
ã»ã€œ

Canvas

svg
ãƒªãƒ³ã‚¯
Modernizr Documentation
MENU What is Modernizr?Modernizr is a small piece of JavaScript code that automatically detects the availability of next-generation web techno logies in your user's browsers. Rather than blacklisting entire ranges of browsers based on â€œUA sniffing,â€ Modernizr uses feature detection to allow you to easily tailor your user's experiences based on the actual capabilities of their browser. With this kno
iR3 2013/06/05
ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã®ã«SVGãŒå„ªã‚Œã¦ã„ã‚‹ã‘ã©ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãŸã‚ã«ã“ã‚“ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ãˆã°è‰¯ã„ã‚‰ã—ã„ #readinghd

SVG
ãƒªãƒ³ã‚¯
EPUBï¼‹SVGã§ç¸¦çµ„ã¿ã®é›»åæ›¸ç±ã«æŒ‘æˆ¦ (1/4)
å°èª¬ã‚„æ¼«ç”»ä»¥å¤–ã«ã‚‚æ›¸ç±ã«ã¯ã•ã¾ã–ã¾ãªã‚¸ãƒ£ãƒ³ãƒ«ãŒã‚ã‚Šã€ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ˆã£ã¦é›»åæ›¸ç±ã®ä½œã‚Šæ–¹ã‚‚å¤‰ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ã€æŠ€è¡“æ›¸ã‚„æ•™ç§‘æ›¸ãªã©ã§ä½¿ãˆã‚‹ã€ãƒ†ã‚ã‚¹ãƒˆï¼å†™çœŸï¼ˆãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒï¼‰ï¼å›³ç‰ˆï¼ˆãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒï¼‰ãŒæ··åœ¨ã—ãŸé›»åæ›¸ç±ãƒ‡ãƒ¼ã‚¿ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ç‰¹ã«EPUBå½¢å¼ã§ã¯SVG (ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼‰ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒªãƒ¼ãƒ€ãƒ¼ä¸Šã§å›³ç‰ˆã‚’æ‹¡å¤§ã—ã¦ã‚‚ãã‚Œã„ã«è¡¨ç¤ºã•ã‚Œã‚‹é›»åæ›¸ç±ã‚’ä½œã‚Œã¾ã™ã€‚ã¾ãŸã€å¾ŒåŠã§ã¯å¿œç”¨ç·¨ã¨ã—ã¦ã€SVGã‚’ä½¿ã£ãŸç¸¦çµ„ã¿ï¼ˆç¸¦æ›¸ãï¼‰ã®EPUBæ›¸ç±ã«ã‚‚æŒ‘æˆ¦ã—ã¾ã™ã€‚ â– é€£è¼‰ãƒ©ã‚¤ãƒ³ãƒŠãƒƒãƒ— æ–‡å—ã®ã¿ï¼ˆå°èª¬ã€æ–‡å¦ä½œå“ãªã©ï¼‰ ç”»åƒã®ã¿ï¼ˆæ¼«ç”»ã€çµµæœ¬ï¼‰ æ–‡å—ï¼‹ç”»åƒï¼ˆæŒ¿ã—çµµä»˜ãã®å°èª¬ã‚„å†™çœŸé›†ãªã©ï¼‰ æ–‡å—ï¼‹ç”»åƒï¼‹å›³ç‰ˆ(SVG)ï¼ˆæŠ€è¡“æ›¸ã€æ•™ç§‘æ›¸ãªã©ï¼‰ã€€â†ä»Šå›žä½œæˆã™ã‚‹é›»åæ›¸ç±ãƒ‡ãƒ¼ã‚¿ å‹•ç”»ã‚’å«ã‚€è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŠã‚ˆã³ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–è¦ç´ ã‚’å«ã‚€ã‚‚ã®ï¼ˆé›‘èªŒãªã©ï¼‰ ä»Šå›žã¯ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒã¨ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã®ä¸¡æ–¹
iR3 2013/06/05
EPUB

svg

ç¸¦æ›¸
ãƒªãƒ³ã‚¯
Using SVG graphics today - Josh Emerson
iR3 2013/05/15
SVGãŒå¾©æ´»ã—ã¦kuã‚‹ã®ã #readinghd

svg
ãƒªãƒ³ã‚¯
Advent Calendar 3æ—¥ç›®:SVGç”»åƒã‚’1ã‚ãƒãƒã‚¤ãƒˆã§ã‚‚å‰Šã‚‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆè¡“ï¼ - è´ãè€³ã‚’æŒãŸãªã„(ç‰‡æ–¹ã—ã‹)
ã“ã‚Œã¯ GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar ã¸ã®å‚åŠ ã®è¨˜äº‹ã§ã™ã€‚ 3æ—¥ç›®ã®ä»Šæ—¥ã¯ç§ id:rikuo ãŒSVGç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®è»½é‡åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å–ã‚Šä¸Šã’ã¦ã¿ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨é•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ã”æ³¨æ„ãã ã•ã„ã€‚ ã¯ã˜ã‚ã«ã€SVGã¨ã¯ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€SVGã¨ã¯ä½•ã‹ï¼Ÿã®ç°¡å˜ãªèª¬æ˜Žã§ã™ã€‚ SVGã¨ã¯Scala ble Vector Graphicsï¼ˆã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼‰ã®ç•¥ã§ã€XMLã‚’åŸºç›¤ã«æ›¸ã‹ã‚ŒãŸç”»åƒè¨˜è¿°è¨€èªžã€ã¾ãŸã¯ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨ã„ã†ã¨ã€JPEGã€GIFã€PNGã¾ãŸBMPãªã©ã¯ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ãã€‚ãã‚Œã‚‰ã®ç”»åƒã¯ãƒ”ã‚¯ã‚»ãƒ«ï¼ˆãƒ‰ãƒƒãƒˆï¼‰ã”ã¨ã«è‰²ã‚’è¡¨ç¾ã—ãŸã‚‚ã®ã§ã€ç·ã˜ã¦ãƒ©ã‚¹ã‚¿ãƒ¼ï¼ˆãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ï¼‰ç”»åƒã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ å¯¾ã—ã¦SVGã¯åº§æ¨™ã‚„å›³å½¢ã§æ‰±ã†ãŸã‚ã€æ‹¡å¤§ãƒ»ç¸®
iR3 2012/12/03
ãµã‚€ãµã‚€

svg
ãƒªãƒ³ã‚¯
ä¸–ç•ŒãŒèªã‚ãŸæ—¥æœ¬ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã€ŒSVGå¥³åã€â€•â€•ã‚«ãƒ¤ãƒƒã‚¯å¾éƒ·å”æ°ã«è¨Šã | gihyo.jp
åˆæ—¥ã®ã‚ãƒ¼ãƒŽãƒ¼ãƒˆã®å†’é ã€Internet Explorer 9ã®HTML5å¯¾å¿œã‚’ç´¹ä»‹ã™ã‚‹ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸ã§ã€ç•°å½©ã‚’æ”¾ã¤ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ãŒæä¾›ã™ã‚‹ã€ŒSVGå¥³åï¼ˆGirlâ ï¼‰â ã€ã§ã™ã€‚ ã€Œå¤‰åŒ–ã®ãªã„æ¯Žæ—¥ã€‚ç¹°ã‚Šè¿”ã•ã‚Œã‚‹æ—¥ã€…ã€‚é€€å±ˆãªæ¯Žæ—¥ã‚’éŽã”ã—ã¦ã„ãŸå¥³åé«˜ç”Ÿã‚¢ã‚¤ã«Internet Explorer 9ãŒç¾ã‚Œã€ã¾ãŸãŸãã¾ã«ä¸–ç•Œã‚’å¤‰ãˆã¦ã—ã¾ã†!?ã€ã“ã†ã—ãŸã‚³ãƒ³ã‚»ãƒ—ãƒˆã§è¡¨ç¾ã•ã‚ŒãŸã®ãŒã€ã“ã®ã€ŒSVGå¥³åã€ã§ã™ SVGå¥³åã¨ã¯ï¼Ÿ SVGå¥³åã¨ã¯ã€ãã®åã®ã¨ãŠã‚Šã€SVGã§æã‹ã‚ŒãŸå¥³åã‚’è¡¨ç¾ã—ãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã§ã™ã€‚ Internet Explorer 9ãŒã‚µãƒãƒ¼ãƒˆã—ãŸSVGã‚„HTML5ã®GPUã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ´»ç”¨ã—ãŸSVGãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãªã£ã¦ãŠã‚Šã€IE9ã®é€²åŒ–ã‚’è¡¨ç¾ã—ãŸã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ ã€Œâ SVGå¥³åãŒãªãœç”Ÿã¾ã‚ŒãŸã®ã‹ï¼Ÿã€ã€Œâ SV
iR3 2012/01/20
HTML5

SVG
ãƒªãƒ³ã‚¯
[JS]Canvas, SVGã‚’ä½¿ç”¨ã—ãŸè»½é‡ã®JavaScriptã®3Dã‚¨ãƒ³ã‚¸ãƒ³ -three.js
é€šå¸¸ã€è¤‡é›‘ãªè¨˜è¿°ã‚’ã‚ˆã‚Šç°¡å˜ã«ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã€3Dã‚’æç”»ã™ã‚‹è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆã§ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ•°å¤šãã®ãƒ‡ãƒ¢ãŒæ¥½ã—ã‚ã¾ã™ã€‚ three.js -Javascript 3D Engine [ad#ad-2] three.jsã¯<canvas>, <svg>ã¨WebGLã‚’ä½¿ã£ã¦ã€2Dã¨3Dã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å„ãƒ‡ãƒ¢ã¯å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆFirefox4+, Chrome9+, Safari10.6+ãªã©ï¼‰ã§ã”è¦§ãã ã•ã„ã€‚
iR3 2011/12/29
HTML5

Canvas

3D

SVG
ãƒªãƒ³ã‚¯
è¤‡æ•°ã®JPEG/PNGç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§SVGå½¢å¼ã«ä¸€æ‹¬å¤‰æ›ã€ŒP2VJã€NOT SUPPORTED
iR3 2011/05/19
PNG

SVG

JPEG
ãƒªãƒ³ã‚¯
Ruby/SVG Project
å‹Ÿé›†ï¼šRuby/SVGã®é–‹ç™ºã‚’å¼•ãç¶™ã„ã§ãã‚Œã‚‹äººã‚’å‹Ÿé›†ä¸ã§ã™ã€‚èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯[email protected]ã¾ã§ã”é€£çµ¡ãŠé¡˜ã„ã—ã¾ã™ã€‚ æ¦‚è¦ Ruby/SVGã¯ã€XMLãƒ™ãƒ¼ã‚¹ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯å½¢å¼ã§ã‚ã‚‹SVGã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®Rubyãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ç¾åœ¨ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.0.3ã§ã™ã€‚ RAA(Ruby Application Archive)ã‹ã‚‰ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚[RAA:ruby-svg] æœ€æ–°ç‰ˆ ruby-svg-1.0.3.tar.gz(23kb) æ—§ç‰ˆ ruby-svg-1.0.2.tar.gz(22kb) ruby-svg-1.0.1.tar.gz(21kb) ruby-svg-1.0.0.tar.gz(6kb) CVS CVSã‹ã‚‰æœ€æ–°ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¥æ‰‹ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ $ cvs -d:pserver:anonymous@cvs.sourc
iR3 2010/10/10
Ruby

svg
ãƒªãƒ³ã‚¯
svg demos
filter_effects work in Fx, Opera and Webkit apply_svg_effect_to_video work in Fx apply_svg_effect_to_video 2 work in Fx smil_animation 1 Opera, webkit smil_animation 2 opera webkit script 1 fx, webkit
iR3 2010/04/24
SVG

HTML5
ãƒªãƒ³ã‚¯
æ—¥è¨˜ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
iR3 2010/04/24
svg
ãƒªãƒ³ã‚¯
GSI HOME PAGE - å›½åœŸåœ°ç†é™¢
å›½åœŸäº¤é€šçœå›½åœŸåœ°ç†é™¢ ï¼ˆå›½åœŸäº¤é€šçœæ³•äººç•ªå·2000012100001ï¼‰ ã€’305-0811 èŒ¨åŸŽçœŒã¤ãã°å¸‚åŒ—éƒ·ï¼‘ç•ª é›»è©±ï¼š029-864-1111(ä»£è¡¨) FAXï¼š029-864-1807 ã‚¢ã‚¯ã‚»ã‚¹æƒ…å ±ãƒ»åœ°å›³
iR3 2009/07/07
svg
ãƒªãƒ³ã‚¯
OpenOffice SVG Import
The converter from SVG to OpenDocument format that is provided here makes your OpenOffice 2.0 SVG-ready. The filter is implemented as an UNO component, which can be installed into your OpenOffice using the Tools / Package Manager menu. After you installed the filter, you can open SVG graphics with OpenOffice like all other graphics (e.g. *.odg files). During import, the SVG graphic is translated i
iR3 2009/07/07
svg

OpenOffice
ãƒªãƒ³ã‚¯
Inkscape ç‰ã§ä½¿ã‚ã‚Œã‚‹ svg å½¢å¼ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ï¼ˆSynfigï¼‰ | ã¤ãã£ã¦ã¿ã‚ˆã†
iR3 2009/07/07
Inkscape

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