HOME > 電算 > Inkscape メモ(旧)

Inkscape メモ(旧)

Inkscape メモ(新)

目次

  • 概略
  • 雑感
  • Inkscape 㨠SVG
  • Inkscape ã®æ‹¡å¼µ
  • ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®èª­ã¿æ›¸ã
  • å˜ä½ã®ã“ã¨
  • 矢å°ã€ã¨ã„ã†ã‹ãƒžãƒ¼ã‚«ãƒ¼
  • パスを塗りã¤ã¶ã™
  • 文字
  • 整列・å¸ç€
  • 頓知
  • グラフ
  • Tips

    概略

    Inkscape ã¯ã€Linux, Windows, Mac OS X ãªã©ã®ãƒ—ラットホームã§å‹•ä½œã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã‹ã¤ãƒ•ãƒªãƒ¼ã®ãƒ‰ãƒ­ãƒ¼ã‚¤ãƒ³ã‚°ãƒ»ãƒ„ール(ドロー・ソフト)ã§ã‚る。SVG ã¨ã„ã†å½¢å¼ã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ãŒè‘—ã—ã„特徴。ç§ã¯ä»Šã¯ Linux ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 0.46 を使ã„ã¯ã˜ã‚ãŸãŒã€ã“ã®ãƒšãƒ¼ã‚¸ã®è¨˜è¿°ã¯ã¾ã  0.43 ã‚ã‚‹ã„㯠0.44ã«å¯¾ã—ã¦ãªã•ã‚ŒãŸã‚‚ã®ã®ã¾ã¾ã®ã‚‚ã®ãŒå¤šã„。ã¨ãã«ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã‚Šã‹ãªã‚Šå¤‰ã‚ã£ã¦ã„る。ã¾ã‚ã€ã„ã˜ã£ã¦ã„ã¦æ°—ã¥ã„ãŸã“ã¨ã‚’備忘録ã¤ã„ã§ã«ãƒ¡ãƒ¢ã—ã¦ãŠã。(当然誤りもå«ã¾ã‚Œã¦ã„ã‚‹ã‹ã¨æ€ã‚れる……)

    本家㯠http://www.inkscape.org/index.php

    ç¾åœ¨ï¼ˆ2008-5-16(Fri))ã«ãŠã‘る最新ã®å®‰å®šç‰ˆã¯ 0.46 ã§ã€http://wiki.inkscape.org/wiki/index.php/ReleaseNotes046 ã«ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã€‚

    Inkscape ã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¯ http://www.inkscape.org/doc/ ã‹ã‚‰ãŸã©ã‚‹ã“ã¨ãŒã§ãる。

    ç”»é¢ã®èª¬æ˜Žã¯ http://ja.wikibooks.org/wiki/Inkscape/%E7%94%BB%E9%9D%A2%E8%AA%AC%E6%98%8E ãªã©ã‚’見れã°ä¸€å¿œäº†è§£ã•ã‚Œã‚‹ã§ã‚ã‚ã†ã€‚

    SVG ã«ã¤ã„ã¦ã¯ã€http://www.w3.org/Graphics/SVG/ 。

    SVG ã®ç¾åœ¨æœ€æ–°ã®å®Œæˆãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ 1.1。Inkscape 0.44 ã§ä½œæˆã—ãŸæ–‡æ›¸ã¯åå‰ç©ºé–“ã¨ã—㦠SVG 1.0 を宣言ã—ã¦ã„る。ãªãŠã€Inkscape ã®ãƒ†ã‚­ã‚¹ãƒˆæµã—è¾¼ã¿ã®æ©Ÿèƒ½ã¯ SVG ã«æº–æ‹ ã—ã¦ã„ãªã„。

    Inkscape 雑感

    Linux ã§å‹•ãフリーã®ãƒ‰ãƒ­ãƒ¼ã‚½ãƒ•ãƒˆï¼ˆãƒ‰ãƒ­ãƒ¼ã‚¤ãƒ³ã‚°ãƒ»ãƒ„ール)ã®ãªã‹ã§ã€æœ€ã‚‚使ã„ã‚„ã™ã„よã†ã«æ€ãˆã‚‹ã€‚ã¡ã‚‡ã£ã¨ã—ãŸå›³ã‚’作æˆã—㦠LaTeX ã«å¼µã‚Šè¾¼ã‚€ã‚ˆã†ãªå ´åˆã«ã¾ãšé¸æŠžã§ãる。

    SVG 㯠XML ãªã®ã§ã€åŸºæœ¬çš„ã«ãƒ†ã‚­ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ã®ç·¨é›†ãŒå¯èƒ½ã§ã‚る。Inkscape ã¯æ‰‹æ›¸ãã—㟠SVG を読ã¿è¾¼ã‚“ã§ã€å¿…è¦ãªç·¨é›†ã‚’加ãˆã‚‹ã¨ã„ã†ä½¿ã„æ–¹ã¨ã‚‚相性ãŒè‰¯ã„。

    ç°¡å˜ã«æ‹¡å¼µã‚¹ã‚¯ãƒªãƒ—トãŒæ›¸ã‘る。ãŸã¨ãˆã°ã€pstoedit 㨠skencil(元 sketch) ã«ä¸‹è«‹ã‘ã•ã›ã¦ Postscript を読ã¿è¾¼ã‚€ã‚¹ã‚¯ãƒªãƒ—トãªã©ãŒã‚‚ã‚Œãªã(?)ã¤ã„ã¦ãã‚‹ãžã„。(手書ããƒã‚¹ãƒˆã‚¹ã‚¯ãƒªãƒ—トを GUI ã§ç·¨é›†ã§ããŸã‚Šã—ã¦æ„Ÿå‹•çš„ã ãžï¼‰ã€‚

    「è·äººã®æ¥­ã‚’コンピュータ上ã§å†ç¾ã§ãるよã†ã«ã¾ãšãƒ¦ãƒ¼ã‚¶ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è€ƒãˆã¦ã€ãれを実ç¾ã™ã‚‹ãŸã‚ã«ãƒ‡ãƒ¼ã‚¿æ§‹é€ ãŒæ±ºã‚られã¦ã„ã‚‹ã®ãŒãŠçµµæãソフトã¨ã„ã†ã‚‚ã®ã ã€ã¨è€ƒãˆã¦ã„ã‚‹ã¨ã€Inkscape ã¯å®Ÿéš›ä»¥ä¸Šã«è³ªç´ ãªã‚‚ã®ã«è¦‹ãˆã‚‹ã€‚ã‚€ã—ã‚ã€SVG ã¨ã„ã†ãƒ‡ãƒ¼ã‚¿æ§‹é€ ãŒå…ˆã«ã‚ã‚Šã€ã“れをæ“作ã™ã‚‹ãŸã‚ã® GUI ã‚’å‚™ãˆãŸå®Ÿè£…㌠Inkscape ã§ã‚ã‚‹ã¨è€ƒãˆã‚‹ã¨ã—ã£ãã‚Šã„ãã—ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚åˆç†çš„ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã«æ°—付ã。ã¾ãŸã€æœ€åˆã®å°è±¡ã‚ˆã‚Šã‚‚ãšã£ã¨å¤šãã®å ´é¢ã§ä½¿ãˆã‚‹ã¨ã„ã†ã“ã¨ã‚’発見ã™ã‚‹ã€‚

    ã¨ã«ã‹ã Inkscape 㯠Adobe Illustrator 嬢ã»ã©å¾®ç¬‘ã‚“ã§ã¯ãã‚Œãªã„ãŒã€ä»˜ãåˆã£ã¦ã¿ã‚‹ã¨ãªã‹ãªã‹è©±ã®ã‚ã‹ã‚‹ã‚ªãƒƒã‚µãƒ³ã ã€‚

    ãŠã¾ã‘

    Inkscape ã§ä½œæˆã—㟠SVG ガラス玉。(改変ã™ã‚‹ãªã‚Šã—ã¦è‡ªç”±ã«ä½¿ã†å¯ï¼‰

    ball.svg (12KB)

    id="stop7629" 㨠id="stop10344" ã® stop エレメントãŒã‚‚㤠style 属性㮠stop-color ã« #00FF00 ã¨ã„ã£ãŸ RGB å½¢å¼ã®è‰²ã‚’指定ã—ã¦ã‚„ã‚‹ã¨ã€çŽ‰ã®è‰²ãŒå¤‰ã‚るよ(ã©ã¡ã‚‰ã‚‚åŒã˜è‰²ã§ã‚ˆã—)。エディタã§ç·¨é›†ã—ã¦éŠã°ã†ã€‚

    Inkscape 㨠SVG

    標準ä¿å­˜å½¢å¼ Inkscape SVG ã¯ã©ã‚“ãªã‚‚ã®ãªã‚Šã‚„?

    Inkscape ã®æ¨™æº–çš„ãªä¿å­˜å½¢å¼ï¼ˆInkscape SVG)ã¯ã€ãŸã„ã¸ã‚“キュートãªã‚‚ã®ã§ã‚る。

    Inkscape ã®æ¨™æº–çš„ãªä¿å­˜å½¢å¼ã¯ã€SVG ã§ã‚る。ã—ã‹ã—ã€ã“ã‚Œã¯ä¿å­˜ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ SVG ã®è¦æ ¼ã«å®šã‚られã¦ã„るエレメントã ã‘を拾ã£ã¦èª­ã‚“ã§ã‚‚期待ã—ãŸé€šã‚Šã«ãƒ©ã‚¹ã‚¿ãƒ©ã‚¤ã‚ºã§ãã‚‹ã¨ã„ã†æ„味ã§ã‚ã‚Šã€å®Ÿéš›ã«ã¯ç‹¬è‡ªã«å®šç¾©ã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’å«ã‚“ã§ã„ã‚‹ã—ã€å±žæ€§ã‚‚追加ã•ã‚Œã¦ã„る。ã“れらã®è¿½åŠ ã•ã‚ŒãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚„属性ã¯ã€ã‚‚ã£ã±ã‚‰ Inkscape ã® GUI を使ã„å‹æ‰‹ãŒã‚ˆã„ã‚‚ã®ã«ã™ã‚‹ãŸã‚ã«ç”¨ã„られã¦ã„る。

    ãŸã¨ãˆã°ã€Inkscape ã§å††ã¯ circle エレメントã§ã¯ãªãã€path エレメントã¨ã—ã¦ä½œæˆã•ã‚Œã‚‹ã€‚ã“ã® path エレメントã¯ã€å††å¼§æ›²ç·šã‚’æããŸã‚ã® M コマンドを 1 回ã€A コマンドを 2 回用ã„る(緑字ã¾ã¯ãŸæ–œä½“部分)。

        <path
           sodipodi:type="arc"
           style="opacity:1;fill:none;fill-opacity:1;
                  fill-rule:evenodd;stroke:#000000;stroke-width:1;
                  stroke-linecap:round;stroke-miterlimit:4;
                  stroke-dasharray:none;stroke-dashoffset:0;
                  stroke-opacity:1"
           id="path7567"
           sodipodi:cx="-17.172863"
           sodipodi:cy="236.15866"
           sodipodi:rx="125.25864"
           sodipodi:ry="125.25864"
           d="M 108.08577 236.15866 
              A 125.25864 125.25864 0 1 1  -142.4315,236.15866 
              A 125.25864 125.25864 0 1 1  108.08577 236.15866 z" />
    

    (M コマンドã¯ç¾åœ¨ä½ç½®ã‚’移動ã™ã‚‹ã€‚A コマンドã¯ã€ç¾åœ¨ç‚¹ã‚’始点ã¨ã—ãŸã†ãˆã§ã€çµ‚点を定ã‚ã€ãれらをçµã¶æ¥•å††ã®å¼§ã‚’æã。ã“れをæããŸã‚ã«ã€æ¥•å††ã®äºŒã¤ã®åŠå¾„ã€å††å¼§ã‚’楕円ã®ã©ã®éƒ¨åˆ†ã‹ã‚‰åˆ‡ã‚Šå–ã£ã¦ä½¿ã†ã®ã‹ã‚’示ã™è§’度(ã‚ã‚‹ã„ã¯ã€æ¥•å††ã‚’回転ã•ã›ã‚‹è§’度)ã€å³ã¾ã‚ã‚Šã«è¡Œãã‹å·¦ã¾ã‚ã‚Šã«è¡Œãã‹ã‚’示ã™ãƒ•ãƒ©ã‚°ã€é•·ã„ã»ã†ã®å¼§ã‚’使ã†ã‹çŸ­ã„ã»ã†ã®å¼§ã‚’使ã†ã‹ã‚’示ã™ãƒ•ãƒ©ã‚°ã€ã¨ã„ã†æƒ…報を用ã„る。é¢ç™½ã„ã“ã¨ã«ã€æ¥•å††ã®äºŒã¤ã®ä¸­å¿ƒï¼ˆå††ãªã‚‰ã°ã“れらã¯åŒã˜ç‚¹ã«ãªã‚‹ï¼‰ã®åº§æ¨™ãƒ‡ãƒ¼ã‚¿ã¯ä½¿ã‚ã‚Œãªã„。)

    ã ãŒã€Inkscape SVG ã¯ã€ã“ã®å††ã‚’特定ã™ã‚‹ãŸã‚ã«å¿…è¦ãªæƒ…報をãã£ãã‚Šã‚‚ã†ä¸€çµ„ã¿ä¿æŒã—ã¦ã„る(赤字ã¾ãŸã¯å¤ªå­—部分)。ã“ã‚Œã¯ã€æ¥•å††ã®ä¸­å¿ƒã¨äºŒã¤ã®åŠå¾„ã‚’æŒã£ã¦ã„る。

    実際㫠Inkscape を使ã£ã¦ã¿ã¦ã‚ã‹ã‚‹ã“ã¨ã¯ã€Inkscape ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®èª­ã¿è¾¼ã¿æ™‚ã«å¾Œè€…ã®æƒ…報を利用ã—ã¦ã„ã¦ã€å‰è€…ã®æƒ…å ±ã¯ãŸã‚“ã«ä¿å­˜æ™‚ã«ãƒ•ã‚¡ã‚¤ãƒ«ãŒ SVG ã¨ã—ã¦ã‚‚読ã‚るよã†ã«ä»˜åŠ ã•ã‚Œã¦ã„るらã—ã„ã¨ã„ã†ã“ã¨ã§ã‚る。

    ãªãŠã€Inkscape ã¯ç‹¬è‡ªã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆå®šç¾©ã‚„属性定義を使ã†ãŸã‚ã«ã€æœ€ä¸Šä½ã«ã‚ãŸã‚‹ svg エレメントã®ä¸­ã§åå‰ç©ºé–“を追加ã—ã¦ã„る。

    <!-- Plain SVG ã§ä¿å­˜ã—ãŸå ´åˆã®åå‰ç©ºé–“ -->
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
    
    <!-- Inkscape SVG ã§ä¿å­˜ã—ãŸå ´åˆã®åå‰ç©ºé–“ -->
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://web.resource.org/cc/"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
       xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    

    SVG 㮠「XML åå‰ç©ºé–“ã€

    xmlns 属性㯠XMLåå‰ç©ºé–“を識別ã™ã‚‹ãŸã‚ã«ç”¨ã„られる。Inkscape ã¯ã“ã®å±žæ€§ã‚’厳格ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ã§ã€æ‰‹æ›¸ãã—㟠SVG ファイルを Inkscape ã§èª­ã¿è¾¼ã‚€ã‚ˆã†ãªå ´åˆã«ã¯æ³¨æ„ãŒå¿…è¦ã¨ãªã‚‹ã€‚

    SVG ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®åå‰ç©ºé–“㯠http://www.w3.org/2000/svg ã§ã‚る。ã—ã‹ã—ã€åå‰ç©ºé–“ã®å®£è¨€ãŒ xmlns="http://www.w3.org/2000/svg" ã ã‘ã§æ¸ˆã‚€ã¨ã¯é™ã‚‰ãªã„

    ãŸã¨ãˆã°ã€use エレメントを用ã„ã¦ã€ãƒ‘スをå†åˆ©ç”¨ã™ã‚‹ã‚ˆã†ãªå ´åˆã€ href ã¨ã„ã†å±žæ€§ã‚’使ã„ã€ä»–ã®éƒ¨åˆ†ã§ã™ã§ã«å®šç¾©ã—ãŸãƒ‘スを引用ã™ã‚‹ï¼ˆã“ã®ä»•çµ„ã¿ã¯ Inkscape ã® GUI インターフェースã§ã€Œã‚¯ãƒ­ãƒ¼ãƒ³ã€ã¨å‘¼ã°ã‚Œã¦ã„る)。ã—ã‹ã—ã€ã“ã“ã§ã® href ã¨ã„ã†å±žæ€§ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®åå‰ç©ºé–“ã«ã¯ãªã http://www.w3.org/1999/xlink ã¨ã„ã†åå‰ç©ºé–“ã«å±žã—ã¦ã„る。

    ãã®ãŸã‚ã€use エレメントã‹ãれより上ä½ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ï¼ˆãŸã„ãŒã„㯠svg エレメントã§ï¼‰xmlns:xlink="http://www.w3.org/1999/xlink" ã®ã‚ˆã†ã«åå‰ç©ºé–“ã®æŽ¥é ­è¾žã‚’宣言ã—ã¦ãŠãã€use エレメントã®ä¸­ã§ã¯ xlink:href="#g2115" ã®ã‚ˆã†ã«ç”¨ã„ã‚‹å¿…è¦ãŒã‚る。

    クローンã¨ã‚³ãƒ”ー

    クローンã¨ã‚³ãƒ”ーã¯ç•°ãªã‚‹ã€‚ã‚るパスをコピーã™ã‚‹ã¨ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã¨ãã£ãり(ã—ã°ã—ã°ä½ç½®ã ã‘ç•°ãªã‚‹ï¼‰ã® path エレメントãŒã‚‚ã†ä¸€ã¤ä½œæˆã•ã‚Œã‚‹ã®ã«å¯¾ã—ã¦ã€ã‚¯ãƒ­ãƒ¼ãƒ³ã®å ´åˆã¯ use エレメントã¨ä½¿ã£ã¦ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚ªãƒ–ジェクトãŒå¼•ç”¨ã•ã‚Œã‚‹ã«éŽãŽãªã„。

    オリジナルã®ãƒ‘スをãã®ã¾ã¾ç§»å‹•ã•ã›ãŸã‚Šæ‹¡å¤§ã—ã¦ã‚‚クローンã®å¤§ãã•ã«ã¯å¤‰åŒ–ãŒãªã„ãŒã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ‘スを構æˆã™ã‚‹ãƒŽãƒ¼ãƒ‰ã®ã†ã¡ã®ä¸€ã¤ã‚’å‹•ã‹ã—ãŸã‚Šã€ãƒŽãƒ¼ãƒ‰ã‚„セグメントã®å‰Šé™¤ãƒ»è¿½åŠ ã‚’è¡Œã†ã¨ã€ã“ã‚Œã¯ã™ãã•ã¾ã‚¯ãƒ­ãƒ¼ãƒ³ã«ã‚‚å映ã•ã‚Œã‚‹ã€‚

    ã“ã‚Œã¯ã€use エレメントã¯ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚ªãƒ–ジェクトã¨ã¯ã¹ã¤ã«ã€ç‹¬è‡ªã« transform 属性をæŒã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã‚る。

    レイヤーã®ã“ã¨

    レイヤーã¯ã€SVG ã«è¦å®šãŒãªã„。Inkscape ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯ã€SVG çš„ã«ã¯ãŸã ã®ã‚°ãƒ«ãƒ¼ãƒ—ã«éŽãŽãªã„。Inkscape ã§ã¯ã€ã‚°ãƒ«ãƒ¼ãƒ—オブジェクトã«ç‹¬è‡ªã®åå‰ç©ºé–“ã§å®šç¾©ã—ãŸãƒ—ロパティを追加ã—ã¦ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ä¸Šã§ç‰¹åˆ¥ãªæ‰±ã„ãŒãªã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã€ãれをレイヤーã¨å‘¼ã‚“ã§ã„ã‚‹ã®ã§ã‚る。

    Inkscape 0.44 ã§æ–°è¦ã«æ–‡æ›¸ã‚’作æˆã™ã‚‹ã¨ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ»ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã—㦠Layer1 ã¨ã„ã†ã‚‚ã®ãŒç”¨æ„ã•ã‚Œã‚‹ã€‚xml エディタãªã©ã§ã€SVG エレメント直下ã«ã€ã‚ªãƒ–ジェクトをé…ã—ãŸå ´åˆã€Inkscape ã¯ã“ã®ã‚ªãƒ–ジェクトãŒè¼‰ã‚‹ãƒ¬ã‚¤ãƒ¤ãƒ¼åã¨ã—㦠(root) を表示ã™ã‚‹ã€‚

    Inkscape ã§ä½œæˆã—ãŸãƒ¬ã‚¤ãƒ¤ãƒ¼ã¤ãã®æ–‡æ›¸ã‚’ Plain SVG ã§ä¿å­˜ã—ã€ã“れをå†åº¦ Inkscape ã§é–‹ãã¨ã€ç‹¬è‡ªå®šç¾©ã®ãƒ—ロパティãŒå¤±ã‚ã‚ŒãŸçµæžœã€ä¸€èˆ¬çš„ãªã‚°ãƒ«ãƒ¼ãƒ—㌠(root) 上ã«è¼‰ã£ã¦ã„る状態ã¨ã—ã¦èª­ã¿è¾¼ã¾ã‚Œã‚‹ã€‚

    一般的ãªã‚°ãƒ«ãƒ¼ãƒ—をレイヤã«ã™ã‚‹ãŸã‚ã«ã¯ã€XML エディタを使ã„ã€ã‚°ãƒ«ãƒ¼ãƒ—オブジェクト㫠inkscape:groupmode プロパティを作æˆã—値を layer ã«ã‚»ãƒƒãƒˆã—ã¦ã€ã•ã‚‰ã« inkscape:label プロパティを作æˆã—値ã«ä»»æ„ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼åを与ãˆã¦ã‚„ã‚Œã°ã‚ˆã„。(GUIファンã¯ã€Œã‚°ãƒ«ãƒ¼ãƒ—ã®åˆ‡å–ã‚Šã€æ–°ãƒ¬ã‚¤ãƒ¤ä½œæˆã€åŒã˜å ´æ‰€ã«ãƒšãƒ¼ã‚¹ãƒˆã€ã‚°ãƒ«ãƒ¼ãƒ—解除ã€ãƒ¬ã‚¤ãƒ¤ã®éšŽå±¤ã‚’移動ã€ï¼‰

    レイヤーãŒã‚°ãƒ«ãƒ¼ãƒ—オブジェクトã§ã‚る以上ã€å…¥ã‚Œå­ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨æ€ã„ã€Inkscape 0.44 ã§è©¦ã¿ã¦ã¿ãŸã€‚ã§ããŸã€‚ウィンドウã®ãƒ¬ã‚¤ãƒ¤ãƒ¼è¡¨ç¤ºéƒ¨ã«ã¯è¦ªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚‚å­ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚‚åŒç­‰ã«è¡¨ç¤ºã•ã‚Œã‚‹ãŒã€è¦ªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä¸å¯è¦–ã«ã™ã‚‹ã¨ã€ãã‚Œã¯å­ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã‚‚åŠã³ã€è¦ªãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’削除ã™ã‚‹ã¨å­ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚‚削除ã•ã‚Œã‚‹ã€‚

    「変形ã€

    「オブジェクトã€â†’「変形ã€ã§å‡ºã¦ãるダイアログボックスã«ã¯ 5 ã¤ã®ã‚¿ãƒ–ãŒã‚る。「移動ã€ã€Œã‚¹ã‚±ãƒ¼ãƒ«ã€ã€Œå›žè»¢ã€ã€Œå‚¾æ–œã€ã€Œå¤‰å½¢ã€ã§ã‚る。ã“ã®ã†ã¡ã€ã¯ã˜ã‚ã® 4 ã¤ã§ã§ãã‚‹ã“ã¨ã¯ã€ã¿ãªã€Œå¤‰å½¢ã€ã§ã§ãã‚‹ã“ã¨ã§ã‚る。

    ã“れらã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«æ•°å€¤ã‚’入れã¦ã€Œé©ç”¨ã€ã™ã‚‹ã¨ã€ãã®ãŸã³ã«ã‚ªãƒ–ジェクトãŒå¤‰å½¢ï¼ˆç§»å‹•ãƒ»å›žè»¢ãƒ»å‚¾æ–œï¼‰ã™ã‚‹ãŒã€æœ€çµ‚çš„ã«ã‚ªãƒ–ジェクトã«ã©ã®ã‚ˆã†ãªå¤‰å½¢ãŒåŠ ã‚ã£ãŸã‹ã®ã‹ã¯ã€Œã‚ªãƒ–ジェクトã€â†’「プロパティã€ã‚’見るã¨ã‚ã‹ã‚‹ã€‚

    ã“ã†ã—ãŸã€Œå¤‰å½¢ã€ã¯ã€å¯¾è±¡ã¨ãªã‚‹ã‚ªãƒ–ジェクト㮠transform 属性を書ã変ãˆã‚‹ã“ã¨ã«ã‚ˆã£ã¦å®Ÿç¾ã—ã¦ã„る。

    transform 属性ã¯ã€matrix, translate, scale, rotate, skewX, skewY ã¨ã„ㆠ6 種類㮠"transform difinitions" (ã„ã„訳æ€ã„ã¤ã‹ã¬ã€‚変æ›æŒ‡å®šã¨ã„ã£ãŸã¨ã“ã‚)ã«ã‚ˆã£ã¦ã©ã†ã€Œå¤‰å½¢ã€ã™ã‚‹ã‹ã‚’指定ã™ã‚‹ã“ã¨ãŒã§ãる。

    ã“ã“ã§ã® translate, scale, rotate, skewX, skewY ã¯ã€ã¿ãªçµå±€ matrix ã²ã¨ã¤ã§æŒ‡å®šã§ãる変æ›ã§ã‚る(ãŸã ã—ã€è¨ˆç®—ã‚’è¦ã™ã‚‹ï¼‰ã€‚

    マウスを用ã„ãŸã‚ªãƒ–ジェクトã®ç§»å‹•ã‚„回転ã¯ã€ã“ã® matrix を書ãæ›ãˆã‚‹ã“ã¨ã«ã‚ˆã‚‹å®Ÿç¾ã™ã‚‹ã€‚ãŸã ã—ã€ã€ŒInkscape ã®è¨­å®šã€â†’「変形ã€ã‚¿ãƒ–ã‹ã‚‰ã€ã€Œtransform 属性を使ã‚ãªã„ã€ã‚’オンã«ã—ã¦ãŠãã¨ã€ã§ãã‚‹é™ã‚Šã‚ªãƒ–ジェクトã®ä»–ã®å±žæ€§ã«ã‚ˆã£ã¦å¤‰å½¢ã‚’実ç¾ã—よã†ã¨ã™ã‚‹ã€‚

    ãªãŠã€transform 属性を用ã„ãŸå ´åˆã€ã‚ªãƒ–ジェクトを拡大ã™ã‚‹ã¨ã€è¼ªéƒ­ç·šã‚‚太ããªã‚‹ã®ãŒ SVG 通りã§ã‚ã‚‹ãŒã€Inkscape ã§ã¯ã€ç‰¹ã«ã€ŒInkscape ã®è¨­å®šã€â†’「変形ã€ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã€ã€Œç·šã®å¹…を拡大ï¼ç¸®å°ã€ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã—ã€è¼ªéƒ­ãŒå¤ªããªã£ãŸã‚Šç´°ããªã£ãŸã‚Šã—ãªã„よã†è¼ªéƒ­ç·šã®å¤ªã•ã‚’調節ã™ã‚‹ã‚ˆã†è¨­å®šã™ã‚‹ã“ã¨ã‚‚ã§ãる。

    Inkscape ã®æ‹¡å¼µ

    Inkscape ã¯ã‚¹ã‚¯ãƒªãƒ—トを書ã„ã¦ã‚„ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€å®¹æ˜“ã«æ‹¡å¼µã§ãる。ã“ã®ä»•çµ„ã¿ã‚’エクステンションã¨å‘¼ã‚“ã§ã„る。http://wiki.inkscape.org/wiki/index.php/ScriptingHOWTO ã‚ãŸã‚Šã‚’見るã¨æ¦‚ç•¥ãŒã‚ã‹ã‚‹ã€‚

    エクステンションをãã®åƒãã«ã‚ˆã‚Šåˆ†é¡žã™ã‚‹ã¨ã€
    (A) ファイルを読ã¿è¾¼ã‚€
    (B) ファイルを書ã出ã™
    (C) 編集中㫠SVG ã‚’å—ã‘å–ã‚Š SVG ã‚’è¿”ã™ã€
    ã¨ã„ㆠ3 ã¤ã®ã‚¿ã‚¤ãƒ—ãŒã‚る。
    ã¯ã˜ã‚ã®äºŒã¤ã®ã‚¿ã‚¤ãƒ—ã®å ´åˆã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãï¼ä¿å­˜ã™ã‚‹æ™‚ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã®åˆ¤åˆ¥ï¼é¸æŠžã«ã‚ˆã‚Šèµ·å‹•ã•ã‚Œã‚‹ã®ã§ã€ãƒ¦ãƒ¼ã‚¶ã¯ãã‚ŒãŒå¤–部スクリプトã§ã‚ã‚‹ã“ã¨ã«æ°—付ã‹ãªã„ã‹ã‚‚ã—ã‚Œãªã„(ã¨ã„ã†ã‹ã€æ°—付ã‹ãªã„よã­ãµã¤ã†ï¼‰ã€‚ã‚‚ã— Inkscape ãŒã©ã†ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã‚’読ã¿ï¼æ›¸ãã§ãã‚‹ã®ã‹ã«é–¢å¿ƒãŒã‚ã‚‹ã®ãªã‚‰ã€ã“ã®ç¨®é¡žã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãŒä½•ã‚’ã—ã¦ã„ã‚‹ã‹ï¼ˆãŸã¨ãˆã°ã€ã©ã‚“ãªå¤–部プログラムã«ä¸‹è«‹ã‘ã«å‡ºã—ã¦ã„ã‚‹ã‹ï¼‰ã‚’知ã£ã¦ãŠãå¿…è¦ãŒã‚る。
    ã•ã„ã”ã® (C)㯠effects ã¨ã„ã†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ç¾ã‚Œã‚‹ã®ã§ã€ãã‚Œã¨çŸ¥ã‚Œã‚‹ã€‚

    エクステンションを実ç¾æ‰‹æ®µã«ã‚ˆã‚Šåˆ†é¡žã™ã‚‹ã¨ã€
    (甲) C ã‚„ C++ ã«ã‚ˆã‚‹å†…部的ãªæ–¹æ³•ã€‚ã„ã‚ゆるãƒã‚¤ãƒ†ã‚£ãƒ–ã§å¯¾å¿œã—ã¦ã„ã‚‹ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã“れを使ã£ã¦ã„ã‚‹ãã†ã§ã€ãã†ã„ã†æ„味ã§ã¯ä¸€èˆ¬ã«ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã¯é•ã†ã‹ãªã€‚
    (ä¹™) (一時的ã«ä½œæˆã•ã‚ŒãŸ) SVG ファイルã®ãƒ‘スをコマンドライン引数ã¨ã—ã¦å—ã‘å–ã‚Šã€ã‚らãŸãª SVG を標準出力ã«å‡ºåŠ›ã™ã‚ˆã†ãªå½¢ã§æ›¸ãスクリプトå‘ã‘ã®ã‚„り方。ã“ã‚Œã¯ã€ã•ã¾ã–ã¾ãªè¨€èªžã§æ›¸ãã“ã¨ãŒã§ãる。多ãã®äººãŒ Python ã§æ›¸ã„ã¦ã„ã‚‹ã®ã¯ã€ãŸã‚“ã« SVG ãŒæ‰±ã„易ã„ã‹ã‚‰ã§ã‚らã†ã€‚Perl もよã使ã‚れる。シェルスクリプトã‹ã‚‰å¤–部プログラムを呼ã³å‡ºã—ã¦ã„ã‚‹å ´åˆã‚‚ã‚る(pstoedit 経由㧠Postscript ãŒèª­ã¿è¾¼ã‚ã‚‹ã®ã¯ã“ã®ä»•çµ„ã¿ã ï¼‰ã€‚
    (丙) XSLT ã«ã‚ˆã‚‹æ–¹æ³•ã€‚未実装?(Inkscape 0.46 ã§ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸã‚‚よã†ã€‚リリースノート㫠XSLT is now supported for input, output and effect extensions. )
    (ä¸) DOM ã«ã‚ˆã‚‹æ–¹æ³•ã€‚ç§ã¯è©¦ã—ã¦ãªã„。
    ãŒã‚る。

    å‚考ã€http://wiki.inkscape.org/wiki/index.php/ExtensionArchitecture#Functionality_Provided

    ã“ã†ã—ãŸã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚’ Inkscape ã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã¯ã€INX ファイルã¨ã„ã†å½¢ã§å¿…è¦ãªã“ã¨ã‚’書ã„ã¦ãŠã„ã¦ã‚„る。åƒãã«ã‚ˆã‚‹ã¨ã©ã‚Œã«åˆ†é¡žã•ã‚Œã‚‹ã®ã‹ã€å®Ÿç¾æ‰‹æ®µã«ã‚ˆã‚‹ã¨ã©ã‚Œã«åˆ†é¡žã•ã‚Œã‚‹ã®ã‹ã¨ã„ã†ã“ã¨ã‚‚ã€ã“ã‚Œã«æ›¸ã„ã¦ãŠã。ã¾ãŸã€ã‚¹ã‚¯ãƒªãƒ—トã®å ´æ‰€ã ã¨ã‹ã€Effect ã‚’ã¤ãã‚‹å ´åˆã«ãƒ¦ãƒ¼ã‚¶ã«å•ã†å€¤ã ã¨ã‹ã‚‚ã“ã‚Œã«è¨˜ã™ã€‚INX ファイルã®ç½®ã場所ã¯ã€ç§ã®ç’°å¢ƒã§ã¯ã€/usr/share/inkscape/extensions ã«ãªã£ã¦ã„る。

    ã“ã†ã—ã¦ã¿ã‚‹ã¨ã€ã‚ã‚Œã‚ã‚ŒãŒã€Œæ‹¡å¼µã—ã¦ãˆã€ã¨æ„Ÿã˜ã‚‹æ—¥å¸¸ç”¨é€”ã§ã¯ã€(C) を(乙)ã§å‡¦ç†ã™ã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—トを書ã„ã¦ãŠãã“ã¨ã«ãªã‚Šãã†ã ã€‚ãã—ã¦ã€ãã†ã—ãŸã‚¹ã‚¯ãƒªãƒ—トを書ããŸã‚ã«ã€Python ã®ã‚¯ãƒ©ã‚¹ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã€åˆ©ç”¨ã™ã‚‹ã¨æ¥½ã€‚ã“ã®ä¾¿åˆ©ãªã‚¯ãƒ©ã‚¹ã¯ã€effect ã¨ã„ã„ã€inkex.py ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã‹ã‚Œã¦ã„る。ã“れを使ã†ã¨ã€GUI ã® Effects メニューã‹ã‚‰ã‚¹ã‚¯ãƒªãƒ—トを引ã£å¼µã‚Šå‡ºã—ãŸã¨ãã«é¸æŠžã•ã‚Œã¦ã„るオブジェクトã«å¯¾ã—ã¦å‡¦ç†ã‚’ã—ãŸã‚Šã™ã‚‹ã®ã‚‚ç°¡å˜ã ãœã€‚

    今日ã®ä¸€è¨€ï¼šã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—トã®çµ‚了コードã¯æ•°å­—ã§ãªã„ã¨é§„目。

    ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®èª­ã¿æ›¸ã

    Inkscape ã¯ã€ã•ã¾ã–ã¾ãªãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã®èª­ã¿æ›¸ããŒã§ãã‚‹ãŒã€ãã®å¤šãã¯å¤–部プログラムを利用ã—㦠SVG å½¢å¼ã«å¤‰æ›ã—ã¦ã„ã‚‹ã®ã§ã‚る。ユーザã¯ãã‚Œã¨æ°—付ã‹ãšã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。(Inkscape ã®æ‹¡å¼µå‚照)。Linux 環境ã®è©±ã§ã‚ã‚‹ãŒã€Windows 版ã§ã‚‚ dill 版㮠python ãªã©ãŒï¼ˆãŸã—ã‹ï¼‰æ¨™æº–ã§ã¤ã„ã¦ãã‚‹ã®ã§ã€ã“れを利用ã—ã¦ã‹ãªã‚Šã®ã“ã¨ãŒè¡Œãˆã‚‹ã¨æ€ã†ãŒã€å®Ÿéš›ç¢ºã‹ã‚ã¦ãªã„よ。

    Adobe Illustrator å½¢å¼

    読ã¿æ›¸ãã¨ã‚‚外部エクステンションを利用。

    読ã¿è¾¼ã¿ï¼šai_input.inx ã®æŒ‡ç¤ºã«ã‚ˆã‚Šã€å‡¦ç†ãŒ perl ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã‚ã‚‹ ill2svg.pl (Inkscape ã«ã¤ã„ã¦ãる)ã§è¡Œã‚れる。ã“ã‚Œã¯ã€ã‚·ã‚§ãƒ«ã‹ã‚‰ã‚‚使ãˆã‚‹ç‹¬ç«‹ã—ãŸã‚‚ã®ã§ã€å¤šé‡ã«å‡¦ç†ã™ã‚‹ã¨ãã«ã¯ã„ã„ã‹ã‚‚。ã§ã‚‚試ã—ã¦ãªã„。

    書ã出ã—ã¯ã€ai_output.inx ã®æŒ‡ç¤ºã«ã‚ˆã‚Šå‡¦ç†ãŒ Ghostscript ã«ã‚ˆã‚Šè¡Œã‚れる。コマンド㯠gs -q -dNODISPLAY -dSAFER ps2ai.ps

    Adobe Illustrator ã® SVG

    読ã¿è¾¼ã¿ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã§å¯¾å¿œã€‚ãŸã ã—……

    Illustrator ã®äººãŒä½œã£ãŸ SVG ã®ã‚µã‚¤ã‚ºãŒã²ã©ã大ãã„ã®ã§ã€ã‚¨ãƒ‡ã‚£ã‚¿ã§é–‹ã„ã¦ã¿ãŸã€‚ã‚„ãŸã‚‰æœªçŸ¥ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚ã¦ã€ä½•ãŒãªã‚“ã ã‹ã‚ã‹ã‚‰ã¬ã€‚未知ã®åå‰ç©ºé–“ãŒã©ã£ã•ã‚Šå®šç¾©ã•ã‚Œã¦ã„ã¦ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®åå‰ç©ºé–“ã§ã™ã‚‰ã€è¦‹ãªã‚ŒãŸä¾‹ã®ã‚„ã¤ã§ã¯ãªã„。

    http://wiki.inkscape.org/wiki/index.php/FAQ#I_exported_an_SVG_file_from_Adobe_Illustrator.2C_edited_it_in_Inkscape.2C_and_imported_back_to_AI.2C_but_there_my_changes_are_lost.21

    (和訳ã—ã¦ã„る人ã„㟠http://wikiwiki.jp/inkscape/?FAQ#uc6ab4c7)

    ã¦ãªé ã‚’発見。よã†ã™ã‚‹ã«ã€(1) Illustorator ãŒç”Ÿæˆã—㟠SVG ã¯ã€SVG ã¨ã—ã¦èª­ã‚€ã“ã¨ãŒã§ãã‚‹ (2) ã—ã‹ã—ã€ç‹¬è‡ªå®šç¾©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’追加ã—ã¦ã€Illustrator 用ã®ãƒã‚¤ãƒŠãƒªã‚’ãã£ãã‚Šä¿æŒã—ã¦ã„ã‚‹ã€ã¨ã„ã†ã®ã ã€‚ã¡ãªã¿ã«ã€Illustrator ã§ä¿å­˜ã™ã‚‹ã¨ãã«ã€Preserve Adobe Illustrator Editing 㨠Optimize for Adobe SVG viewer ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã›ã°ã€ã“ã®å¤ªã£ã¡ã‚‡ãªå½¢å¼ã«ã¯ãªã‚‰ãªã„らã—ã„。

    Inkscape ã«ã¯ XSLT 㧠Illustrator ãŒä½œã£ãŸé‡ã„ SVG 書類ã‹ã‚‰ä¸è¦ãªéƒ¨åˆ†ã‚’削除ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トãŒã¤ã„ã¦ãる。ç§ã®ç’°å¢ƒã§ã¯ã€/usr/share/inkscape/extensions/aisvg.xslt ã¨ã„ã†ã®ãŒãã‚Œã ã€‚ã“ã‚Œã¯ã€ã€Œ.ai.svg〠ã§çµ‚ã‚るファイルåを読ã¿è¾¼ã‚€ã¨ãã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã¨ã—ã¦ä½œç”¨ã™ã‚‹ã‚ˆã†è¨­è¨ˆã•ã‚Œã¦ã„るらã—ã„ãŒã€ç§ã®ã¨ã“ã‚ã§ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«åã‚’ãã®ã‚„ã†ã«å¤‰ãˆã¦ã‚‚機能ã—ãªã‹ã£ãŸã€‚(※ã“れ㯠Inkscape 0.46 ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‚‚よã†ã€‚リリースノート㫠This is used to support the XAML file format (both import and export) and the Adobe Illustrator SVG import which removes Adobe's stuff from SVG. ã¨ã‚る)(余談:ã“ã® inx ファイルã®Description ã«ã‚ˆã‚‹ã¨ã€ã€ŒAdobe Illustrator SVGs ã‚’é–‹ãå‰ã« cruft を削除ã™ã‚‹ã€ã¨æ›¸ã„ã¦ã‚る。cruft をリーダーズ(第 2 版)ã§å¼•ãã¨ã€ã€Œã„ã‚„ãªã‚‚ã®; 粗末ãªä½œã‚Šã®çµæžœã€ã¨ã‚る。)

    http://wiki.inkscape.org/wiki/index.php/ExtensionArchitecture#Implementation_Types ã«ã‚ˆã‚‹ã¨ã€XSLT プロセッサã«ã¯ libxml ã®ã‚„ã¤ã‚’リンクã—ã¦ä½¿ã£ã¦ã„ã‚‹ãã†ã ãŒã€I am not aware of the status of the XSLT implementation. ã¨ã—ã£ã‹ã‚Šæ›¸ã„ã¦ã‚ã‚‹ã‹ã‚‰ã€æœªå®Ÿè£…ãªã®ã‹ãªã‚。実際ã«ã‚„ã£ã¦ã¿ãŸã‘ã©å‹•ã‹ãªã‹ã£ãŸã‚ˆã€‚仕方ãªã„ã‹ã‚‰ã€è‡ªå‰ã® xsltproc ã§ã€

    $ xsltproc aisvg.xslt large_ai_file.svg > modest_one.svg
    

    ãªã©ã¨ã‚„ã£ã¦ã‚„ã£ãŸã‚‰ã€ãŸã¨ãˆã° 1.9M ã‚るファイル㌠602 KB ã«ãªã£ãŸã€‚

    Plain SVG

    W3C ãŒå®šç¾©ã—ã¦ã„るエレメントや属性ã ã‘ã‚’ SVG 書類ã ã‘(ã¡ã‚‡ã£ã¨ä¾‹å¤–ã‚り)を使ã£ãŸå½¢å¼ã‚’ã€Inkscape ã§ã¯ã€Plain SVG ã¨å‘¼ã‚“ã§ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã® Inkscape SVG ã¨åŒºåˆ¥ã—ã¦ã„る。読ã¿è¾¼ã¿ã€æ›¸ã出ã—ã¨ã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã§å¯¾å¿œã€‚

    Inkscape SVG を読ã¿è¾¼ã‚“ã§ã€Plain SVG ã§ä¿å­˜ã—ç›´ã™ã¨ã„ãらã‹ã®æƒ…å ±ãŒè½ã¨ã•ã‚Œã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯å°ã•ããªã‚‹ã€‚ãŸã ã€ãŸã¨ãˆã°ã€Adobe Illustrator ã§ä½œæˆã—㟠SVG を読ã¿è¾¼ã‚“ã§ã€Plain SVG ã§ä¿å­˜ã—ã¦ã‚‚サイズã¯ï¼ˆã»ã¨ã‚“ã©ï¼‰å¤‰ã‚らãªã„。予想ã—ã¦ã„ãªã„åå‰ç©ºé–“ã«å±žã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚„属性㯠Plain SVG ã§ä¿å­˜ã™ã‚‹ã¨ãã«ã€ãã£ãり残ã—ã¦ãŠã„ã¦å®‰å…¨ã‚’図ã£ã¦ã„るらã—ã„。

    以下ã¯ã€æŽ¥é ­è¾žã®ãªã„エレメントã¨ã€æŽ¥é ­è¾žãŒ svg ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä»¥å¤–ã‚’ã™ã¹ã¦å‰Šé™¤ã—ã¦ã—ã¦ç„¡ç†ã‚„ã‚Š Plain SVG ã£ã½ã„ã‚‚ã®ã«ã™ã‚‹ XSLT スクリプト。(属性ã®ã»ã†ã«ã¯æ‰‹ã‚’触れãªã„。)ãªãŠã€Adobe Illustrator ã® SVG ã®æ¸›é‡ã«ã¤ã„ã¦ã¯ã€æœ€åˆã‹ã‚‰ Inkscape ã«ãŠã¾ã‘ XSLT スクリプトãŒã¤ã„ã¦ãる。

    <?xml version="1.0"?>
    <xsl:stylesheet
    	xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"
    	xmlns="http://www.w3.org/2000/svg" 
    	xmlns:svg="http://www.w3.org/2000/svg" >
      <xsl:output method="xml" indent="no" />
      <xsl:template match="/">
        <xsl:apply-templates select="svg:svg" />
      </xsl:template>
      <xsl:template match="@*|svg:*">
        <xsl:copy>
          <xsl:apply-templates select="@*|svg:*" />
        </xsl:copy>
      </xsl:template>
    </xsl:stylesheet>
    
    å‚考
    http://www.w3.org/TR/1999/REC-xslt-19991116#copying
    (åŒé‚¦è¨³ http://www.infoteria.com/jp/contents/xml-data/REC-xslt-19991116-jpn.htm#copying)
    http://www.asahi-net.or.jp/~ps8a-okzk/xml/xslt10_1/copying.html ã®ä½¿ç”¨ä¾‹

    ãŸã¨ãˆã°ã€ãƒ—ロセッサ㫠xsltproc を使ã†ãªã‚‰ã€

    $ xsltproc script.xsl old.svg > new.svg
    

    ã¦ãªæ„Ÿã˜ã§ã€‚ã†ã¾ãã„ãã‹ã©ã†ã‹ä¿è¨¼ã®é™ã‚Šã«ã‚らãšã€‚

    Postscript

    書ã出ã—ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã§å¯¾å¿œã€‚

    読ã¿è¾¼ã¿ã¯å¤–部エクステンションを利用。よã†ã™ã‚‹ã«ã€ã€ŒPostscript --(pstoedit)--> sketch,skencil å½¢å¼ --(skconvert.py)--> SVG å½¢å¼ã€ã¨ã„ã†ã“ã¨ã§ã™ãªã€‚Inkscape ㌠Postscript を読ã¿è¾¼ã‚ãªã„よã†ãªã‚‰ã€pstoedit 㨠skencil をインストールã—ã‚ã¨ã„ã†ã“ã¨ã§ã™ã€‚ç´°ã‹ã見ã¦ã„ãã¨â€¦â€¦

    ps_input.inx ã®æŒ‡ç¤ºã«ã‚ˆã‚Š pstoedit -f sk を実行。sk ã¨ã„ã†ã®ã¯ã€Sketch Format ã®ã“ã¨ã€‚Scketch Format ã¨ã¯ã€ä»¥å‰ sketch ã¨ç§°ã•ã‚ŒãˆãŸ skencil ã¨ã„ã†ãƒ‰ãƒ­ãƒ¼ã‚¤ãƒ³ã‚°ãƒ»ãƒ—ログラムã§ä½¿ã†å½¢å¼ã®ã“ã¨ã€‚次ã«ã€ps_input.inx ã¯ã€ãã® Scketch Format ã‚’ sk_input.inx ã¨ã„ㆠinx ファイルã«ä»»ã›ã‚‹ã€‚ã“ã® inx ファイルã¯ã€sk2svg.sh ã¨ã„ã†ã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—トを起動。ã“れ㯠skconvert ã¨ã„ã†ãƒ—ログラムを起動ã™ã‚‹ãŒã€ã“ã® skconvert ã¨ã„ã†ã®ã¯ skconvert.py ã¨ã„ㆠpython ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã€sckencil をインストールã™ã‚‹ã¨åŒæ™‚ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã‚‹ã‚‚ã®ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ SVG ファイルã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ã‚ーã‚ã‚“ã©ã„。

    Dia å½¢å¼

    Dia ã¨ã„ã†ã®ã¯ã€ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‚¨ãƒ‡ã‚£ã‚¿ã€‚フローãƒãƒ£ãƒ¼ãƒˆãªã‚“ã‹æ›¸ãã®ãŒæ¥½ãªã‚„ã¤ã€‚Inkscape ã«ã‚‚コãƒã‚¯ã‚¿ã¨ã„ã†ã®ãŒã‚ã‚‹ãŒã€Dia ã®ã»ã†ãŒç‰¹åŒ–ã—ã¦ã„ã‚‹ã®ã§ã‚ˆã„å ´åˆãŒã‚る。

    読ã¿è¾¼ã¿ã¯ dia.inx ㌠dia2svg.sh ã«ä»»ã›ã‚‹ã€‚dia2svg.sh ã¯ã€ãªã‚“ã®ã“ã¨ã¯ãªã„ Dia ã‚’èµ·å‹•ã—㦠SVG ã§ä¿å­˜ã™ã‚‹ã ã‘ã®ã‚‚ã®ã€‚最åˆã‹ã‚‰ Dia 㧠SVG ä¿å­˜ã—ãŸã®ã¨ä½•ã‚‰å¤‰ã‚ã‚‹ã“ã¨ãªã—。

    書ãè¾¼ã¿ã¯ã§ããªã„。

    DXF å½¢å¼

    CAD ãŒä½¿ã†ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã ãã†ã ãŒã€ç§ã«ã¯æœªçŸ¥ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€‚

    読ã¿è¾¼ã¿ã¯ dxf_input.inx ㌠dxf2svg ã¨ã„ã†ãƒ—ログラムã«ä¸‹è«‹ã‘ã«å‡ºã™ã€‚ã“ã®ãƒ—ログラムã®æ­£ä½“ã¯ç§ã«ã¯ä¸æ˜Žã€‚

    書ã出ã—㯠dxf_output.inx ã«æŒ‡ç¤ºãŒæ›¸ã„ã¦ã‚ã£ã¦ã€ã¾ãš Postscript ã§å‡ºåŠ›ã—ã¦ã‹ã‚‰ã€ps2dxf.sh ã¨ã„ㆠInkscape 付属ã®ã‚·ã‚§ãƒ«ãƒ»ã‚¹ã‚¯ãƒªãƒ—トを使ã†ã€‚ã“ã®ã‚·ã‚§ãƒ«ãƒ»ã‚¹ã‚¯ãƒªãƒ—ト㯠pstoedit -f dxf ã‚’ã‚„ã‚‹ã ã‘ã®ã‚‚ã®ã€‚

    書ã出ã—らã—ãã‚‚ã®ã«ã‚‚ã†ä¸€ã¤ã‚ã£ã¦ã€dxf_outlines.inx ㌠dxf_outlines.py ã¨ã„ㆠInkscape ã«ã¤ã„ã¦ãるプログラムを起動。ã“ã‚ŒãŒä½•ãªã®ã‹ã¯ã€ç§ã«ã¯ã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã„。

    ãã®ä»–

    ã¾ã ã¾ã ã„ã‚ã„ã‚ã‚ã‚‹ãŒã€ã¾ãŸã®æ©Ÿä¼šã«ã€‚

    å˜ä½ã®ã“ã¨

    ã©ã†ã‚‚ã€ãƒ”クセルã¨ã„ã†å˜ä½ãŒæ°—æŒã¡æ‚ªã„ã®ã§ã€ãƒ¡ãƒ¢ã‚’作æˆã—ã¦æ•´ç†ã€‚(ç§ã®èª¤è§£ã€èƒ¡éº»åŒ–ã—ã€èª¤è§£ã‚’生む表ç¾ãªã©ã«æº€ã¡ã¦ã„ã‚‹ã¯ãšã€‚æ­£ã—ã„情報㯠SVG 㨠CSS2 ã®ä»•æ§˜æ›¸ã‹ã‚‰å¾—ã¦é ‚ããŸãå­˜ã˜å€™ï¼‰

    ã¾ãšã€ã‚ãŸã‚Šå‰ã®è©±

    ピクセルã¨ã¯ã€ä¸€èˆ¬ã«å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ãŒä½œã‚Šã†ã‚‹æœ€å°é™ã®ãƒ¦ãƒ‹ãƒƒãƒˆã¨ã„ã†ã“ã¨ã«ãªã£ã¦ã‚ã‚‹ã‚„ã†ã§ã‚る。ã¤ã¾ã‚Šã€ãã‚Œã¯ã€Œç‰©ã€ã§ã‚ã‚Šã€ä¸€å€‹äºŒå€‹ã¨æ•°ãˆã‚‹ã‚‚ã®ã§ã‚る。一方ã€ã“ã®ã€Œç‰©ã€ã®ä¸€è¾ºã®é•·ã•ã‚’一å˜ä½ã¨ã—ã¦ã€é•·ã•ã‚’測るã“ã¨ãŒè¡Œã‚れる。ãれを○○ピクセルã¨è¡¨ç¾ã—ã€ã“ã®å ´åˆã¯ãƒ”クセルã¯ã€Œç‰©ã€ã§ã¯ãªãã€é•·ã•ã®å˜ä½ã§ã‚る。ã¨ã†ãœã‚“ã€1 ピクセルãŒä½•ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã«ã‚ãŸã‚‹ã‹ã¯ã€å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã«ä¾å­˜ã™ã‚‹ã€‚ã¾ãŸã€å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã®è§£åƒåº¦ãªã©ã‚’表ç¾ã™ã‚‹ãŸã‚ã«ã€1 インãƒã‚ãŸã‚Šã«ã„ãã¤ã®ãƒ”クセルãŒå…¥ã‚‹ã‹ã¨ã„ã†è¡¨ç¾ãŒè¡Œã‚れる。dpi ã¨ã„ã†ã®ãŒãã‚Œã§ã‚る。ã“ã“㧠dpi ãŒæ—¢çŸ¥ã§ã‚ã‚Œã°ã€ãƒ”クセルをã„ãã¤ã¤ãªã’ãŸé•·ã•ã§ã‚ã‚‹ã‹ã«ã‚ˆã£ã¦ã€å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã«ä¾å­˜ã—ãªã„絶対的ãªé•·ã•ã‚’表ç¾ã™ã‚‹ã“ã¨ãŒã§ãる。90 dpi 㧠90 ピクセルã®é•·ã•ã¨ã„ãˆã°ã€1 インãƒã¨ã„ã†ã®ã¨åŒã˜ã§ã‚る。ã“ã®ã‚ˆã†ã« dpi ã¨ãƒ”クセル数ã§é•·ã•ã‚’表ç¾ã™ã‚‹ã¨ã„ã†ã®ã¯ã€åºƒãè¡Œã‚ã‚Œã¦ã„る。

    Inkscape ã®ä»•æ§˜ã¯è³ªç´ ã‹

    ç§ã®ç’°å¢ƒã® Inkscape ã¯ã€1/90 インãƒã‚’ 1 ピクセルã¨å®šç¾©ã—ã€ã“れをデフォルトã®å˜ä½ã¨ã—ã¦ã„る(ビルドã«ã‚ˆã£ã¦ã“ã‚ŒãŒç•°ãªã‚‹ã®ã‹ã©ã†ã‹ã€ç§ã¯çŸ¥ã‚‰ãªã„ã®ã§ã€ä»¥ä¸‹èª­ã¿æ›¿ãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„)。ã“ã®é–¢ä¿‚㯠Inkscape ã§ã¯å¸¸ã«ä¸€å®šã§ã‚ã‚Šã€è¨­å®šã—ç›´ã™ã“ã¨ã¯ã§ããªã„。ã“ã‚Œã¯ã€äººæ°—ペインティング・ツール㮠Gimp ã§ã€é•·ã•ã®å˜ä½ã§ã‚るピクセルã¨ã‚¤ãƒ³ãƒã®é–¢ä¿‚を自由ã«è¨­å®šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã«æ¯”ã¹ã¦ã€ä¸€è¦‹è³ªç´ ãªä»•æ§˜ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã€‚

    CSS2 ã«ã„ã†ãƒ”クセル

    ã¾ãšã€Inkscape 㯠SVG 準拠ã§ã‚る。ãã® SVG ã«ã¯ãƒ”クセルã¨ã„ã†ã¨ã㯠CSS2 ã®å®šç¾©ã«ã‚ˆã‚‹ã¨ã‚る。CSS2 ã§ã¯ã€ãƒ”クセルを出力デãƒã‚¤ã‚¹ã®è§£åƒåº¦ã«ä¾å­˜ã—ãªã„å˜ä½ã¨ã—ã¦å®šç¾©ã—ã€å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã®æœ€å°å˜ä½ã¨ã—ã¦ã®ãƒ”クセルã®ã»ã†ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ãƒ»ãƒ”クセルã¨å‘¼ã‚“ã§ã“れを区別ã—ã¦ã„る。

    ã§ã¯ã€CSS2 ã§ã¯ 1/90 インãƒã‚’ 1 ピクセルã®é•·ã•ã¨å®šç¾©ã—ã¦ã„ã‚‹ã®ã‹ã¨ã„ã†ã¨ã€ãã†å˜ç´”ãªã‚‚ã®ã§ã¯ãªã„。CSS2 㯠1 ピクセルを「90 dpi ã®è§£åƒåº¦ã‚’ã‚‚ã¤å‡ºåŠ›ã«ãŠã‘ã‚‹ 1 デãƒã‚¤ã‚¹ãƒ»ãƒ”クセルを 28 インãƒé›¢ã‚ŒãŸã¨ã“ã‚ã‹ã‚‰è¦‹ãŸã®ã¨åŒã˜è¦–角ã«ãªã‚‹é•·ã•ã€ã¨å®šç¾©ã—ã¦ã„る。

    視角ã¨ã¯ä½•ãžã‚„

    視角(visual angle)ã¨ã„ã†ã®ã¯ã€å¯¾è±¡ã®ç«¯ã‹ã‚‰ç«¯ã¾ã§ãŒè¦–る者ã«ã¨ã£ã¦ã©ã®ãらã„ã®è§’度ã®ä¸­ã«ãŠã•ã¾ã£ã¦è¦‹ãˆã‚‹ã‹ã¨ã„ã†ã“ã¨ã§ã€ã“ã‚Œã¯å¯¾è±¡ã®å¤§ãã•ã¨å¯¾è±¡ã¾ã§ã®è·é›¢ã«ä¾å­˜ã™ã‚‹ã€‚

    対象ã®å¤§ãã•ã€å¯¾è±¡ã¾ã§ã®è·é›¢ã¨è¦–角ã®é–¢ä¿‚ã¯

    視角 = 2 arctan (対象ã®å¤§ãã• / 2 / 対象ã¾ã§ã®è·é›¢) 
    

    ã®ã‚ˆã†ã«ãªã‚‹ã€‚(図ã«æãã¨å˜ç´”ãªã“ã¨ãªã‚“ã ãŒã€é›£ã—ãã†ã«è¦‹ãˆã‚‹ãžï¼‰

    28 インãƒé›¢ã‚ŒãŸã¨ã“ã‚ã‹ã‚‰ã€1/90 dpi ã®å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã‚‹ 1 デãƒã‚¤ã‚¹ãƒ»ãƒ”クセルを眺ã‚ã‚‹ã¨ã€è¦–角ã¯ç´„ 0.0277 度ã§ã‚る。ã¤ã¾ã‚Šã€ã“れ㌠CSS2 ã®ãƒ”クセルã®æ­£ä½“ã ã€‚

    (ã“ã“ã§ã€ç´°ã‹ã„ツッコミをã•ã›ã¦ãれ。CSS2 ã®è¦æ ¼ã§ã¯ 1 ピクセルã®é•·ã•ã‚’定ã‚ã¦ã€ãれ㌠10 個集ã¾ã£ãŸã‚‰ 10 ピクセルã¨ã„ã†ã“ã¨ã«ãªã£ã¦ã„ã‚‹ã®ã§ã‚ã£ã¦ã€10 ピクセルã®è¦–角㌠1 ピクセル㮠10 å€ã®è¦–角ã ã¨è¨€ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„。もã—ã€å¾Œè€…ã®ã‚ˆã†ãªå®šç¾©ã§ã‚ã£ãŸãªã‚‰ã°ã€è¦–ç•Œã®å‘¨è¾ºéƒ¨ã§ã¯ 1 ピクセルã®çµ¶å¯¾çš„ãªé•·ã•ãŒã²ã©ã大ããªã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã€ãƒ”クセルã¨ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã®å¤‰æ›ãªã‚“ã¦ã§ããŸã‚‚ã‚“ã˜ã‚ƒãªã„。ãã‚Œã¯ãã‚Œã§ã€ãƒ—ラãƒã‚¿ãƒªã‚¦ãƒ å‘ãã®è¦æ ¼ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã­ï¼‰

    ãŸã‚ã—ã«ã€åœ°çƒã‹ã‚‰å¤ªé™½ã‚’見ãŸã¨ã何ピクセルã«ãªã‚‹ã‹è¨ˆç®—ã—ã¦ã¿ã‚„ã†ã€‚地çƒã‹ã‚‰å¤ªé™½ã¾ã§ã®è·é›¢ã¯ãŠã‚ˆã 1 å„„ 4900 万 Km ã§ã‚ã‚Šã€ã“ã®è·é›¢ã«ãŠã‘ã‚‹ 1 ピクセルã®å¤§ãã•ã¯ã€7 å„„ 2034 Km ã§ã‚る。太陽ã®å¤§ãã•ã¯ 139 万 Km ã§ã‚ã‚‹ã‹ã‚‰ã€ã“れ㯠約 19.2 ピクセルã«ã‚ãŸã‚‹ã“ã¨ã«ãªã‚‹ã€‚

    ãµãŸãŸã³ Inkscape ã®ã“ã¨

    ãã†ã„ã†ã‚ã‘ãªã®ã§ã€Inkscape 㧠1 ピクセル㌠1/90 インãƒã«å›ºå®šã•ã‚Œã¦ã„ã¦ã€ã‹ã¤ã€Inkscape ㌠CSS2 ã«æº–æ‹ ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯ã€ç›®ã¨å‡ºåŠ›ã®è·é›¢ã« 28 インãƒãŒæƒ³å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’æ„味ã—ã¦ã„ã‚‹ã¨ã‚‚言ãˆã‚‹ã€‚

    ãªãŠã€ã€Œ1 ピクセル ï¼ 1/90 インãƒã€ã¨ã„ã†ã®ã¯ã€Inkscape ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ上ã®è¡¨ç¤ºã«ã‚‚ã€å°åˆ·ã®å ´åˆã«ã‚‚用ã„られる。もã£ã¨ã‚‚ã€ãƒ‡ã‚£ã‚¹ãƒ—レイ画é¢ã®å ´åˆã¯ã€ï¼ˆãƒ—ラットホームã«ã‚ˆã£ã¦é•ã„ãã†ã§ã¯ã‚ã‚‹ãŒã€ç§ã®ã¨ã“ã‚ã§ã¯ï¼‰è§£åƒåº¦ã« 90 dpi ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ装置を想定ã—ã¦ã„ã¦ã€ç§ã® 85 dpi ã®ãƒ‡ã‚£ã‚¹ãƒ—レイ装置ã§ã¯å®Ÿéš›ã‚ˆã‚Šè‹¥å¹²å¤§ãã表示ã•ã‚Œã‚‹ã€‚プリンタã§å°åˆ·ã™ã‚‹å ´åˆã«ã¯ã€ãŸã¨ãˆã°ãƒã‚¤ãƒ³ãƒˆãªã©ã®çµ¶å¯¾çš„ãªå˜ä½ã«æ›ç®—ã—ã¦å‘½ä»¤ã‚’é€ã‚‹ãªã©ã™ã‚‹ã®ã§ã€ãã®é•·ã•ã¯æ­£ç¢ºã§ã‚る。

    ピクセルã«ã‚ˆã‚‹é•·ã•æŒ‡å®šã®å•é¡Œ

    版下(製版ã™ã‚‹ãŸã‚ã®åŽŸç¨¿ï¼‰ã‚’作æˆã™ã‚‹ã‚ˆã†ãªå ´åˆã€CSS2 ã«å®šã‚るピクセルã§é•·ã•ã‚’指定ã™ã‚‹ã¨å›°ã‚‹ã“ã¨ã«ãªã‚‹ã€‚CSS2 ã®ãƒ”クセルã§è¡¨ç¾ã•ã‚ŒãŸã‚‚ã®ã¯ã€ç›®ã‹ã‚‰å‡ºåŠ›ç‰©ã¾ã§ã®æƒ³å®šã•ã‚ŒãŸè·é›¢ã«å¿œã˜ã¦å‡ºåŠ›ç‰©ã®ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã‹ã‚‰ã ã€‚ã“ã†ã—ãŸå ´åˆã€ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã‚„インãƒãªã©ã®çµ¶å¯¾çš„ãªé•·ã•ã‚’表ã‚ã™å˜ä½ãŒæœ›ã¾ã—ã„。

    ã¨ã“ã‚㌠Inkscape ã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®å˜ä½ã‚’ピクセルã‹ã‚‰ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã‚„インãƒã«å¤‰ãˆã‚‹ã“ã¨ã¯ã§ããªã„(「本当?ã€ï¼‰ã€‚ã©ã†ã™ã‚‹ã‹ã€‚

    (ã˜ã¤ã®ã¨ã‚ã€CSS2 ãŒå®šã‚るピクセルã¨ã„ã†ã®ã¯ã€å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ã¦è‹¥å¹²ã®å‡ºå…¥ã‚Šã‚’許ã™ã‚‚ã®ã§ã‚ã‚‹ã‹ã‚‰ã€ã“ã®é¢ã‹ã‚‰ã‚‚ピクセルã®ä½¿ç”¨ã¯ç‰ˆä¸‹ä½œæˆã«ã¯å‘ã‹ãªã„。一方ã§ã€ãƒ”クセルã§æŒ‡å®šã—ã¦ãŠã„ãŸã»ã†ãŒæœ‰åˆ©ãªå ´åˆã‚‚ã‚る。解åƒåº¦ã®ä½Žã„デãƒã‚¤ã‚¹ã§å‡ºåŠ›ã™ã‚‹å ´åˆã«ã¯ã€æ•´æ•°å€‹ã®ãƒ‡ãƒã‚¤ã‚¹ãƒ»ãƒ”クセルをã¾ã¨ã‚㦠CSS2 ã®ãƒ”クセルを表ç¾ã—ãŸã»ã†ãŒç¾Žã—ã„。å˜ä½ã‚’ピクセルã®ã¾ã¾ç”¨ã„ã¦ãŠã‘ã° SVG を読ã¿è¾¼ã‚“ã ãƒ¦ãƒ¼ã‚¶ãƒ»ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒå‡ºåŠ›ãŒç¾Žã—ã見ãˆã‚‹ã‚ˆã†ã«ã†ã¾ãæ›ç®—ã—ã¦ãれるå¯èƒ½æ€§ãŒã‚る。CSS ã®ãƒ”クセル定義ã«è‹¥å¹²ã®å‡ºå…¥ã‚ŠãŒè¨±ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã“ã®ãŸã‚ã§ã‚る)

    ãã‚‚ãã‚‚ Inkscape ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå˜ä½ã¯æœ¬å½“ã«ãƒ”クセルãªã®ã‹

    ã„ããªã‚Šå¤‰ãªã“ã¨ã‚’言ã„出ã™ãªã‚‰ã€Inkscape ã«ãŠã„ã¦ã€ãã—ã¦ãã‚ŒãŒæº–æ‹ ã—ã¦ã„ã‚‹ SVG ã«ãŠã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãŒãŠçµµæãã™ã‚‹ç©ºé–“ã«ãŠã‘るデフォルトã®å˜ä½ã¯ãƒ”クセルãªã‚“ã‹ã§ã¯ãªã„。ãã‚Œã¯æœ¬å½“ã¯ã€ãƒ¦ãƒ¼ã‚¶ãŒå‹æ‰‹ã«ã“ã—らãˆãŸå˜ä½ã§ã‚ã£ã¦ã€SVG ã§ã¯ã“れをユーザ・ユニットã¨å‘¼ã‚“ã§ã„る。

    ユーザ・ユニットã§è¡¨ç¾ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ç©ºé–“ã¯ã€å°åˆ·ã•ã‚Œã‚‹é ˜åŸŸãŸã‚‹ãƒ“ュー・ãƒãƒ¼ãƒˆã¨å‘¼ã°ã‚Œã‚‹çŸ©å½¢å†…ã«å†™åƒã•ã‚Œã‚‹ã€‚ã“ã®ã¨ãã€åˆæœŸï¼ˆinitial)ã®çŠ¶æ…‹ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ»ãƒ¦ãƒ‹ãƒƒãƒˆã¯ãƒ”クセルã«ç­‰ã—ã„ã¨ä»®å®šã—ãŸã†ãˆã§ãƒ“ュー・ãƒãƒ¼ãƒˆã«å†™åƒã•ã‚Œã‚‹ã‹ã‚‰ã€ã“れを簡å˜ã«ã€Œãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ãƒ”クセルã§ã‚ã‚‹ã€ã¨è¨€ã£ã¦ã„ã‚‹ã‚ã‘ã§ã‚る。

    ã¾ãŸã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¦ãƒ‹ãƒƒãƒˆã¯ãƒ”クセルã§ã‚ã‚‹ã€ã¨ã„ã†åˆæœŸã®ä»®å®šã‚’ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¦ãƒ‹ãƒƒãƒˆã¯ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã§ã‚ã‚‹ã€ã¨ã‹ã€Œã‚¤ãƒ³ãƒã§ã‚ã‚‹ã€ã¨ã‹ã«ã¯å¤‰æ›´ã§ããªã„。ã“ã®ã“ã¨ã‚’ç°¡å˜ã«ã€ã€Œãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå˜ä½ã‚’変更ã™ã‚‹ã“ã¨ã¯ã§ããªã„ã€ã¨è¨€ã£ã¦ã„ã‚‹ã®ã§ã‚る。

    ã—ã‹ã—ã€ã“ã‚Œã¯ã‚ãã¾ã§ã‚‚åˆæœŸã®ä»®å®šã§ã‚ã‚Šã€å®Ÿéš›ã«ã¯ SVG ãŒèª­ã¿è¾¼ã¾ã‚ŒãŸå¾Œã«èµ·ã“る複雑ãªéŽç¨‹ã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¦ãƒ‹ãƒƒãƒˆã¯ã•ã¾ã–ã¾ã«è§£é‡ˆã•ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã€‚典型的ã«ã¯ã€SVG をより上ä½ã® SVG ã«åŸ‹ã‚込んã å ´åˆã§ã€ä¸Šä½ã® SVG ã¨ã®äº¤æ¸‰ï¼ˆãƒã‚´ã‚·ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãŒèµ·ã“ã‚Šã€ã“ã‚ŒãŒå¤‰æ›´ã•ã‚Œã‚‹ã€‚

    ビュー・ボックス

    SVG 書類ã®è£½ä½œè€…ã¯ãƒ¦ãƒ¼ã‚¶ç©ºé–“ã‚’ã©ã†ãƒ“ューãƒãƒ¼ãƒˆã«å†™åƒã™ã‚‹ã‹ã‚’明示的ã«å®šç¾©ã—ã¦ã‚„ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã‚る。ビュー・ボックスã¨å‘¼ã°ã‚Œã‚‹çŸ©å½¢ã‚’設定ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ç©ºé–“ã‹ã‚‰ãƒ“ュー・ボックスã§åˆ‡ã‚Šå–られãŸç¯„囲ãŒãƒ“ュー・ãƒãƒ¼ãƒˆã«ãƒ•ã‚£ãƒƒãƒˆã™ã‚‹ã‚ˆã†ã«å†™åƒã•ã‚Œã‚‹ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®å†™åƒã®ã‚„り方を変更ã™ã‚‹ã“ã¨ãŒã§ãる。

    ãŸã¨ãˆã°ã€ãƒ“ューãƒãƒ¼ãƒˆã®å¤§ãã•ãŒ 210 mm × 297 mm (A4) ã®ã¨ãã€ãƒ“ューボックスã®å¤§ãã•ã‚’ 210 ユーザユニット × 297 ユーザユニットã«æŒ‡å®šã—ã¦ãŠã‘ã°ã€ãƒ¦ãƒ¼ã‚¶ç©ºé–“ã«ãŠã‘ã‚‹ 1 ユーザユニットã¯ã€ãƒ“ューãƒãƒ¼ãƒˆã«ãŠã‘ã‚‹ 1 mm ã«å†™åƒã•ã‚Œã‚‹ã€‚

    ビューボックスã¨ãƒ“ューãƒãƒ¼ãƒˆã®ç¸¦æ¨ªæ¯”ãŒç•°ãªã‚‹å ´åˆã€å‰è€…を後者ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ã‚‹ã‚„ã‚Šæ–¹ãŒã„ãã¤ã‹è€ƒãˆã‚‰ã‚Œã‚‹ã€‚SVG ã§ã¯ã€preserveAspectRatio ã¨å‘¼ã°ã‚Œã‚‹å±žæ€§ã‚’ svg エレメントã«ä¸Žãˆã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ•ã‚£ãƒƒãƒˆã®ä»•æ–¹ã‚’コントロールã§ãã‚‹ã“ã¨ã«ãªã£ã¦ã„る。ãŸã ã—ã€Inkscape 0.43 ã§ã¯ã€preserveAspectRatio 属性ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã—ã€ã“ã®å±žæ€§ã‚’指定ã—ãªã‹ã£ãŸå ´åˆã®å‹•ä½œã‚‚ SVG 通りã«ã¯ãªã£ã¦ã„ãªã„。ãã®ãŸã‚ã€ç¾åœ¨ã®ã¨ã“ã‚ビューãƒãƒ¼ãƒˆã¨ãƒ“ューボックスã®ãã‚Œãžã‚Œã®ç¸¦æ¨ªæ¯”ãŒå®Œå…¨ã«ç­‰ã—ããªã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã®ãŒç„¡é›£ã§ã‚ã‚ã†ã€‚

    ã‚‚ã£ã¨ã‚‚ã€Web 上ã§ç”»åƒã‚’公開ã™ã‚‹ã‚ˆã†ãªå ´åˆã€æ­£ç¢ºãªã‚µã‚¤ã‚ºã‚ˆã‚Šã‚‚ユーザエージェントã®è¨ˆç®—é‡ã®å‰Šæ¸›ãŒå„ªå…ˆã•ã‚Œã‚‹ã ã‚ã†ã‹ã‚‰ã€ãƒ“ューボックスを使ã‚ãšã«è¡¨ç¤ºã§ãるよã†ã«ã—ãŸã»ã†ãŒã„ã„よã†ã«æ€ã‚れる。

    ãªãœã‹ã€Inkscape ã® GUI メニューã‹ã‚‰ã¯ãƒ“ューボックスを定義ã™ã‚‹ã“ã¨ãŒã§ããªã„。「編集ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ XML エディタを引ã£å¼µã‚Šå‡ºã—ã¦ãã¦æ‰‹æ›¸ãã§åŠ ãˆã‚‹å¿…è¦ãŒã‚る。ã“ã‚Œã¯ã‚ã‚‹ã„ã¯ã€è¤‡é›‘ãªç”»åƒã®å ´åˆã«ãƒ“ューボックスを作ã£ã¦ãŠãã“ã¨ã‚ˆã‚Šç”Ÿã˜ã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®è² æ‹…増を嫌ã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ãªã®ã‹ã‚‚ã—ã‚Œãªã„。

    余談ãªãŒã‚‰ã€ã”ã一般的ãªä½¿ç”¨æ³•ã«ãŠã„ã¦ã‚‚ã€ãƒ“ューボックスを追加ã—ã¦ãŠãã¨ã‚ˆã„å ´åˆãŒã‚る。ビューボックスを作æˆã—ã¦ãŠãã¨ã€ï¼§ï¼µï¼©ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œç”¨ç´™ã‚µã‚¤ã‚ºã€ã‚’変更ã—ãŸã ã‘ã§ã€è‡ªå‹•çš„ã«ä½œç”»å†…容ãŒç”¨ç´™ã«ãƒ•ã‚£ãƒƒãƒˆã™ã‚‹ã‚ˆã†ã«æ‹¡å¤§ã•ã‚Œã‚‹ã‹ã‚‰ã ã€‚ã“ã†ã—ãŸã“ã¨ãŒ SVG ファイルã®å—ã‘å–り手ã®ä¾¿å®œã«ã‹ãªã†ã“ã¨ã‚‚ã‚ã‚‹ã ã‚ã†ã€‚ãŸã¨ãˆã°ã€ã“ã®ç™½åœ°å›³ã¯ï¼¡ï¼”判ã ãŒã€Inkscape ã§ã“れを開ãã€GUI メニューã§ç”¨ç´™ã‚µã‚¤ã‚ºã‚’A3ã«å¤‰æ›´ã—ãŸã ã‘ã§ã€ãã®ã¾ã¾ï¼¡ï¼“判ã®ç™½åœ°å›³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。

    「ã§ã‚‚ã€Inkscape ã«ã¯å˜ä½ã‚’設定ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚‹ãœã€

    変形ツール(黒矢å°ï¼‰é¸æŠžæ™‚ã«ã¯ã€ãƒ„ールコントロールãƒãƒ¼ã«é¸æŠžã•ã‚ŒãŸã‚ªãƒ–ジェクトã®ä½ç½®ã¨å¤§ãã•ãŒè¡¨ç¤ºã•ã‚Œã€æ•°å­—を入力ã™ã‚‹ã“ã¨ãŒã§ãる。ã“ã®å³å´ã«ã€ãƒ”クセルã€ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ãªã©å˜ä½ã‚’é¸ã¹ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚る。

    ã“ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§å˜ä½ã‚’ミリメートルã«ã—ãŸã¨ã—ã¦ã‚‚ã€å†…部的ã«ã¯ç›¸å¤‰ã‚らãšãƒ”クセルãŒç”¨ã„られã¦ã„る。ãã—ã¦ã€ä¿å­˜ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã®ãžã„ã¦ã¿ã¦ã‚‚ã€å˜ä½ã¯ãƒ”クセルã®ã¾ã¾ã§ã‚る。ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ°—é…ã‚Šã¨ã„ã†ã‚„ã¤ã§ã€ãƒ¦ãƒ¼ã‚¶ã«ç¤ºã™ã¨ãã ã‘é¸æŠžã•ã‚ŒãŸå˜ä½ã«æ›ç®—ã—ãŸæ•°å­—を見ã›ã¦ã„ã‚‹ã®ã§ã‚る。

    ã¤ã„ã§ã«è¨€ã£ã¦ãŠãã¨ã€ã“ã®æ¬„ã«ç¤ºã•ã‚Œã‚‹å¯¸æ³•ã¯ã€ãƒ‘スã®è¼ªéƒ­ã‚’ストロークã—ãŸå¤–ç¸ã®å¤§ãã•ã§ã‚ã‚Šã€x-min 㨠y-min ã¯åŽŸç‚¹ã‚’ページ(ビューãƒãƒ¼ãƒˆï¼‰ã®å·¦ä¸‹ã«ã—ã¦æ¸¬ã£ãŸã‚‚ã®ã§ã‚る(内部的ã«ã¯ãƒ“ューãƒãƒ¼ãƒˆã®å·¦ä¸ŠãŒåŽŸç‚¹ï¼‰ã€‚

    ã¾ãŸã€Inkscape 0.44 ã§ã€Document Properties ダイアログを開ãã¨ã€Default Units ã¨ã„ã†è¨­å®šé …ç›®ãŒã‚ã‚Šã€mm ã¨ã‹ inch ã¨ã‹ã•ã¾ã–ã¾ãªé¸æŠžè‚¢ãŒã‚る。ã—ã‹ã—ã€ã“れもやã¯ã‚Šä¸Šè¨˜ã®è¨­å®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨åŒæ§˜ã«ã€ãƒ¦ãƒ¼ã‚¶ã«è¦‹ã›ã‚‹å˜ä½ã ã‘ãŠå¥½ã¿ã®å˜ä½ã«æ›ç®—(1 ピクセルï¼1/90インãƒã§ï¼‰ã—ã¦ãれるã ã‘ã®è©±ã ã€‚

    次ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã‚’考ãˆã¦ã¿ã‚ˆã†ã€‚ãŸã¨ãˆã°ã€Inkscape ã® Dafault Units ã‚’ mm ã«è¨­å®šã—ã€10 mm ã®ç·šã‚’作æˆã—ãŸã¨ã™ã‚‹ã€‚ã“れを SVG ファイルã«ä¿å­˜ã—ã€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ 1 ピクセルを 2/90 インãƒã«æ›ç®—ã™ã‚‹åˆ¥ã®ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§èª­ã¿è¾¼ã‚€ã¨ã€ã“ã®ç·šã®é•·ã•ã¯ 20 mm ã§å‡ºåŠ›ã•ã‚Œã‚‹ã¯ãšã§ã‚る。

    「ビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã‚’ミリメートルã«ã—ã¨ã‘ã°ãƒ“ューボックスã¯ã„らã­ã‚“ã˜ã‚ƒãªã„ã€

    ビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã‚’ミリメートルã§æŒ‡å®šã—ãŸã ã‘ã§ã€ãƒ“ューボックスを作らãªã„ã§ãŠãã¨ã€ãƒ¦ãƒ¼ã‚¶ç©ºé–“ã«ãŠã‘ã‚‹ 1 ピクセルãŒä½•ãƒŸãƒªãƒ¡ãƒ¼ãƒˆãƒ«ã«å½“ãŸã‚‹ã‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦ã¯ã€ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆä»»ã›ã«ãªã£ã¦ã—ã¾ã†ã€‚Inkscape 以外ã®ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ã®èª­ã¿è¾¼ã¿ã‚’考慮ã™ã‚‹ã¨ä¸å®‰ã€‚

    ã‹ã‚Šã«ã€ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒ SVG ã«æº–æ‹ ã—ã¦ã„ãŸã¨ã—ã¦ã‚‚ã€CSS2 ã§ã¯ 1 ピクセルã®çµ¶å¯¾çš„ãªå¤§ãã•ã¯å‡ºåŠ›ãƒ‡ãƒã‚¤ã‚¹ã®ç‰©ç†çš„ãªæ¡ä»¶ã«ã‚ˆã£ã¦ã„ãらã‹ä¼¸ç¸®ã—ã¦ã‚‚よã„ã“ã¨ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ã‚„ã¯ã‚Šä¸å®‰ãŒæ®‹ã‚‹ã€‚

    ビューボックスã®ã‹ã‚ã‚Šã«ã€Œtransform 属性を使ã†ã¨ã„ã†ã®ã¯ã©ã†ã‚ˆã€

    ãã®ã†ã¡æ›¸ãよ。

    矢å°ã€ã¨ã„ã†ã‹ãƒžãƒ¼ã‚«ãƒ¼

    SVG ã§ã®éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®å®Ÿç¾

    SVG ã§ã¯ã€ã‚·ãƒ³ãƒœãƒ«ã¨ã„ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã²ãªãŒãŸã¨ãªã‚‹å›³å½¢ã‚ªãƒ–ジェクトを定義ã—ã¦ã€use エレメントã«ã‚ˆã£ã¦ã“れを引用(正確ã«ã¯ instantiate)ã™ã‚‹ã“ã¨ãŒã§ãる。åŒã˜å›³å½¢ã‚’複数回使ã†ã‚ˆã†ãªå ´åˆã€ã“ã® symbol 㨠use を使ã£ã¦å®Ÿç¾ã™ã‚‹ã¨æ¥½ãŒã§ãる。

    ã•ã‚‰ã«ã€SVG ã¯çŸ¢å°ã®é ­ï¼ˆéƒï¼šã‚„ã˜ã‚Šï¼‰ã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã€ã‚·ãƒ³ãƒœãƒ«æ©Ÿèƒ½ã‚’特殊化ã•ã›ãŸæ‰‹æ®µã‚’用æ„ã—ã¦ã„る。ã“ã‚“ãªå…·åˆã ã€‚

    ã¾ãšã€marker ã¨ã„ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã€è¢«å¼•ç”¨å´ã®å›³å½¢ã‚’定義ã™ã‚‹ã€‚ã¤ãŽã«ã€path, line, polyline, polygon ã¨ã„ã£ãŸéƒã‚’ã¤ã‘ãŸã„オブジェクト(を表ç¾ã—ã¦ã„るエレメント)ã«ã€marker-start, marker-end, marker-mid ã¨ã„ã£ãŸãƒ—ロパティを与ãˆã€ã“ã®å€¤ã¨ã—ã¦å…ˆã«å®šç¾©ã—ãŸãƒžãƒ¼ã‚«ã® id を指定ã™ã‚‹ã€‚ã“ã“ã§ã€marker-start, marker-end, marker-mid ã®é•ã„ã¯ã€éƒã‚’付加ã™ã‚‹å ´æ‰€ã®é•ã„ã§ã€ãã‚Œãžã‚Œãƒ‘ス始点ã€çµ‚点ã€ãれ以外ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆãƒŽãƒ¼ãƒ‰ï¼‰ã«å¯¾å¿œã™ã‚‹ã€‚ã“ã‚Œã§ã€éƒãŒå®Ÿç¾ã•ã‚Œã‚‹ã€‚(éƒã¯ãƒ‘スã«å¯¾ã—ã¦ã¤ã‘られるもã®ã§ã‚ã‚Šã€ã‚µãƒ–パス——部分パス——ã«å¯¾ã—ã¦ã¤ã‘ã‚‹ã“ã¨ã¯ã§ããªã„)

    Inkscape ã«ãŠã‘ã‚‹éƒï¼ˆã‚„ã˜ã‚Šï¼‰

    Inkscape ã§ã¯ã€ãƒ‘スをé¸æŠžã—ãŸã†ãˆã§ã€ã€Œãƒ•ã‚£ãƒ«ï¼ã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ã€ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ã®ã€Œã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚¿ãƒ–ã‚’é¸ã¶ã¨ã€ä¸Šè¿°ã®ãƒžãƒ¼ã‚«æ©Ÿèƒ½ã‚’利用ã—ãŸéƒã‚’付加ã™ã‚‹æ‰‹æ®µãŒæä¾›ã•ã‚Œã‚‹ã€‚

    Inkscape 0.43, 0.44 日本語版を見るé™ã‚Šã€ã“ã®ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ãƒœãƒƒã‚¯ã‚¹ã¯ãªã‹ãªã‹ç†è§£ãŒé›£ã—ã„。

    ã¾ãšã€ã€Œå…ˆç«¯ã€ã€Œä¸­å¿ƒã€ã€Œçµ‚端ã€ã¨ã„ã†é …ç›®ãŒã‚る。ãã‚Œãžã‚Œã€ãƒ‘ス始点(Start Markers)ã€ãƒ‘ス中間点(Middle Markers)ã€ãƒ‘ス終点(End Markers)ã€ã‚’æ„味ã—ã€ã©ã®å ´æ‰€ã«éƒï¼ˆmarker)をã¤ã‘ã‚‹ã‹ã‚’示ã—ã¦ã„る。始点(Start)ãŒã©ã†ã—ã¦ã€Œå…ˆç«¯ã€ã¨è¨³ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã¯è¬Žã§ã‚ã‚‹ãŒã€ã¨ã‚‚ã‹ã誤解を与ãˆã‚„ã™ã„。(ã“れ㯠start ã¨ã„ã†è‹±å˜èªžãŒå…ˆç«¯ã¨ã„ã†æ—¥æœ¬èªžã®å˜èªžã«è‡ªå‹•çš„ã«è¨³ã•ã‚Œã‚‹ã‚‚ã®ã§ã‚ã‚Šã€ã‚³ãƒ³ãƒ†ã‚­ã‚¹ãƒˆã‚’考ãˆã¦äººé–“ãŒç¿»è¨³ã—ãŸçµæžœã§ã¯ãªã„らã—ã„ã‚“ã ãŒï¼‰

    「先端ã€ã€Œä¸­å¿ƒã€ã€Œçµ‚端ã€ã®ãã‚Œãžã‚Œã«ã¯é¸æŠžãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã€Arrow1LStart, Arrow1LEnd ... ãªã©ã¨åå‰ã®ã¤ã„ãŸéƒï¼ˆãƒžãƒ¼ã‚«ãƒ¼ï¼‰ãŒç¤ºã—ã¦ã‚る。ã“ã®å称ãŒã¾ãŸèª¤è§£ã‚’与ãˆã‚„ã™ã„。

    å称をã„ã¡ã„ã¡è¦‹ã¦ã„ãã“ã¨ã«ã™ã‚‹ã€‚最åˆã® Arrow ã¨ã„ã†ã®ã¯çŸ¢ã§ã‚ã‚‹ã‹ã‚‰ã‚ˆã„。ãã‚Œã«ç¶šã 1 ã¨ã‹ 2 ã¨ã‹ã„ã†ã®ã¯ã€éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®å½¢çŠ¶ã‚’示ã—ã¦ã„ã¦ã€2 㯠1 よりも太ã£ã¡ã‚‡ã§ã‚る。次㮠L ã¨ã‹ M ã¨ã‹ã„ã†ã®ã¯ã€ãƒ‘スã®ã‚¹ãƒˆãƒ­ãƒ¼ã‚¯å¹…ã«å¯¾ã™ã‚‹éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®ç›¸å¯¾çš„ãªã‚µã‚¤ã‚ºã§ã‚る。最後㮠Start ã¨ã‹ End ã¨ã„ã†éƒ¨åˆ†ã¯ã€éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®æ–¹å‘を示ã—ã¦ã„る。ã“ã“ã§ã€Start ã¨ã„ã†ã®ã¯ã€å§‹ç‚¹ã‚’å‘ã„ã¦ã„ã‚‹éƒã€End ã¨ã„ã†ã®ã¯çµ‚点をå‘ã„ã¦ã„ã‚‹éƒã§ã‚る。ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ç›´æ„Ÿçš„ã«ã¯ã‚ã‹ã‚‰ãªã„。

    利用例を考ãˆã‚‹ã€‚「ベジエ曲線ã€ãƒ„ールã§ã€ç‚¹ï¼¡ã€ç‚¹ï¼¢ã®é †ã«ãƒã‚¤ãƒ³ãƒˆã‚’打ã¡ã€ç·šåˆ†ã‚’æã„ãŸã¨ã™ã‚‹ã€‚点AãŒå§‹ç‚¹ã§ã€ç‚¹ï¼¢ãŒçµ‚点ã¨ã„ã†ã‚ã‘ã ã€‚点Bã®å…ˆã£ã¡ã‚‡ã«ã€ï¼¡ï¼¢æ–¹å‘ã®ã‚„ã˜ã‚Šã‚’ã¤ã‘ãŸã„ã¨ã—ãŸã‚‰ã©ã†ã—ãŸã‚‰ã‚ˆã„ã ã‚ã†ã€‚

    ã¾ãšã€ç‚¹ï¼¢ã«ã‚„ã˜ã‚Šã‚’ã¤ã‘ã‚‹ã®ã ã‹ã‚‰ã€ã€Œçµ‚端ã€ã®é …目をã„ã˜ã‚Œã°ã‚ˆã„(「先端ã€ã¨ã„ã†ã®ã‚’é¸ã¶ã¨ç‚¹ï¼¡ã«ã‚„ã˜ã‚ŠãŒã¤ã„ã¦ã—ã¾ã†ï¼ï¼‰ã€‚éƒã¯çµ‚点をå‘ã„ã¦ã„ã‚‹ã‚‚ã®ã ã‹ã‚‰ã€å称ã®æœ€å¾ŒãŒ End ã§çµ‚ã‚ã£ã¦ã„る図形(マーカー)をé¸ã¹ã°ã‚ˆã„。

    åŒã˜ç·šåˆ†ã§ç‚¹ï¼¡ã«çŸ¢ç¾½ï¼ˆçŸ¢ã®ã†ã—ã‚ã«ã¤ã„ã¦ã„る羽根)ã®ã‚ˆã†ãªä¸‰è§’形をæãã«ã¯ã©ã†ã™ã‚‹ã‹ã€‚点Aã¯å§‹ç‚¹ã ã‹ã‚‰ã€Œå…ˆç«¯ã€ã¨ã„ã†é …目をã„ã˜ã‚‹ï¼ˆãªã‚“ã¦ã‚ã‹ã‚Šã«ãã„ï¼ï¼‰ã€‚ãã—ã¦ã€çŸ¢ç¾½ã¯ï¼ˆéƒåŒæ§˜ï¼‰çµ‚点をå‘ã„ã¦ã„ã‚‹ã‚‚ã®ã ã‹ã‚‰ã€ï¼ˆã‚„ã¯ã‚ŠéƒåŒæ§˜ï¼‰End ã§çµ‚ã‚ã£ã¦ã„ã‚‹åå‰ã‚’ã‚‚ã¤å›³å½¢ï¼ˆãƒžãƒ¼ã‚«ãƒ¼ï¼‰ã‚’é¸æŠžã™ã‚Œã°ã‚ˆã„。

    「矢å°ã®å…ˆã£ã¡ã‚‡ãŒã‚«ãƒ©ãƒ¼ã«ãªã‚‰ãªã„よã€

    矢ã®æ£’ã®éƒ¨åˆ†ã‚’箆(ã®ï¼‰ã¨ã„ã†ãã†ã§ã‚る。ã“ã®æ£’ã®éƒ¨åˆ†ï¼ˆãƒ‘ス)ã«ã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ãƒšã‚¤ãƒ³ãƒˆã‚’æ–½ã—ã¦ã‚‚ã€éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®éƒ¨åˆ†ã®è‰²ãŒå¤‰ã‚らãªã„。ãŸã¨ãˆã°ã€èµ¤ã„箆(ã®ï¼‰ã«é»’ã„éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®çŸ¢ãŒã§ãã¦ã—ã¾ã†ã€‚

    原始的ãªã‚„り方:「パスã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ã‚’パスã«å¤‰æ›ã€ã™ã‚‹ã¨ã€çŸ¢ã¯ã€ç®†ï¼ˆã®ï¼‰ã¨éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã®ãµãŸã¤ã®ãƒ‘スã‹ã‚‰ãªã‚‹ã²ã¨ã¤ã®ã‚°ãƒ«ãƒ¼ãƒ—ã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ã‚ã¨ã¯ã€éƒã‚’フィルã™ã‚Œã°ã‚ˆã„。

    エレガント(?)ãªã‚„り方:XML エディタã§ã€path エレメント㮠marker-end プロパティã®å€¤ã‚’読ã¿ã€ãã‚ŒãŒæŒ‡ã™ marker エレメントを探ã™ï¼ˆmarker エレメントã¯ã€defs エレメントã®ä¸‹ä½ã«è¦‹ã¤ã‹ã‚‹ã ã‚ã†ã€‚)当該 marker エレメント㮠fill プロパティã®å€¤ã¯è‰²ã‚’示ã—ã¦ã„ã‚‹ã®ã§ã€ã“れをã„ã˜ã‚‹ã€‚ãŸã ã—ã€Inkscape 0.44 Linux 版ã§è©¦ã—ãŸã¨ã“ã‚ã€ã“ã®å¤‰æ›´ã¯å³åº§ã«ã¯ç”»é¢ã«å映ã•ã‚Œãªã„。一度ä¿å­˜ã—ã¦ã€å†ã³èª­ã¿è¾¼ã‚“ã§ã¿ã‚‹ã¨ï¼ˆã€Œãƒ•ã‚¡ã‚¤ãƒ«ã«å¾©å¸°ã€ï¼‰ã¯ã˜ã‚ã¦å映ã•ã‚ŒãŸã€‚ã‚‚ã£ã¨ã‚‚ã€ã“ã‚Œã§ã¯ã€ä»¥å¾ŒåŒã˜éƒï¼ˆãƒžãƒ¼ã‚«ï¼‰ã‚’使ã†ã¨ã€ã¿ãªã“ã®è‰²ãŒå¤‰ã‚ã£ãŸã‚‚ã®ã«ãªã£ã¦ã—ã¾ã†ã€‚ãã‚ŒãŒå«Œãªã‚‰ã°ã€è©²å½“ã™ã‚‹ marker エレメントをコピーã—ã¦ã‹ã‚‰å¤‰æ›´ã—ã€ãã® marker ã® id ã‚’éƒã‚’ã¤ã‘ã‚‹ path ã® marker-end プロパティã«è¨˜ã—ã¦ã‚„ã‚Œã°ã‚ˆã„。

    「オリジナルã®éƒï¼ˆã‚„ã˜ã‚Šï¼‰ã£ã¦ã„ã†ã‹ãƒžãƒ¼ã‚«ãƒ¼ã‚’作りãŸã„ãœã€

    ç§ã®ç’°å¢ƒã§ã¯ã€/usr/share/inkscape/tutorials/making_markers.svg ã¨ã„ã†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãŸã€‚ãã‚Œã«ã‚ˆã‚‹ã¨ã€marker エレメントを書ã„ã¦ï¼ˆXML エディタを使ã„æ—¢æˆã® marker をコピーã—ã¦ç·¨é›†ã€svg ã§ä¿å­˜ã—ã¦ã‚¨ãƒ‡ã‚£ã‚¿ã§èª­ã‚€ã¨æ¥½ã®ã‚ˆã†ã ï¼‰ã€marker.svg ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆç§ã®ã¨ã“ã§ã¯ /usr/share/inkscape/markers/markers.svg ã«ã‚ã£ãŸï¼‰ã«è¿½åŠ ã—ã¦ãŠãã¨ã€ã®ã¡ã®ã¡ä½¿ã„ã¾ã‚ã—ãŒã§ãã‚‹ã¨ã®ã“ã¨ã€‚暇ãŒãªã„ã®ã§è©¦ã—ã¦ãªã„ã‘ã©ã€‚ã¨ã“ã‚ã§ã€ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ホームディレクトリ以下ã«ç½®ãã“ã¨ã¯ã§ãã‚‹ã®ã‹ãªã‚?

    パスを塗りã¤ã¶ã™

    Inkscape ã§è¤‡é›‘ãªå½¢ã®ãƒ‘スをæ€ã„通りã«å¡—ã‚Šã¤ã¶ã™ãŸã‚ã«ã¯ã€SVG ãŒãƒ‘スã®ã€Œå†…å´ã€ã¨ã€Œå¤–å´ã€ã‚’ã©ã†å®šç¾©ã—ã¦ã„ã‚‹ã®ã‹ã‚’見ã¦ãŠãå¿…è¦ãŒã‚る(よã­ï¼Ÿï¼‰ã€‚

    用語

    SVG ã§ã¯ã€ãƒã‚¤ãƒ³ãƒˆã‚’ã¤ãŽã¤ãŽã«ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã§ã¤ãªã„ã§ä½œã£ãŸã²ã¨ç¶šãã®ç·šã‚’サブパスã¨ã„ã„ã€ãƒ‘スã¯ä¸€ã¤ä»¥ä¸Šã®ã‚µãƒ–パスã®é›†åˆã§ã‚ã‚‹ã¨ã—ã¦ã„る。å‚考ã®ãŸã‚ Gimp ã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã§ã®ç”¨èªžã¨å¯¾æ¯”ã—ã¦ãŠãã®ã ã€‚

    SVGGimp
    パスパス
    サブパス(部分パス)コンãƒãƒ¼ãƒãƒ³ãƒˆ
    ãƒã‚¤ãƒ³ãƒˆï¼ˆç‚¹ï¼‰ã‚³ãƒ³ãƒˆãƒ­ãƒ¼ãƒ«ãƒã‚¤ãƒ³ãƒˆï¼ãƒŽãƒ¼ãƒ‰
    セグメントセグメント

    é–‰ã˜ãŸã‚µãƒ–パスã¨é–‹ã„ãŸã‚µãƒ–パス

    SVG ã§ã¯ç«¯ç‚¹ãŒé–‰ã˜ã¦ã„ãªã„サブパスã¯ã€ãƒ•ã‚£ãƒ«ã‚’è¡Œã†ï¼ˆå¡—る)ã¨ãã«ã¯ã€ç«¯ç‚¹ãŒé–‰ã˜ã¦ã„ã‚‹ã¨ä»®å®šã•ã‚Œã‚‹ã€‚Inkscape 㧠V å­—åž‹ã®ã‚µãƒ–パスを塗りã¤ã¶ã™ã¨ã€é€†ä¸‰è§’ã«ãªã‚‹ã®ã¯ã€ã“ã‚Œã«ã‚ˆã‚‹ã‚‚ã®ã€‚

    内å´ã¨å¤–å´

    SVG ã«ãŠã„ã¦ã€ãƒ‘スã¯ãã®å†…å´ã‚’å¡—ã‚Šã¤ã¶ã™ã“ã¨ãŒã§ãる。外å´ã‚’å¡—ã‚Šã¤ã¶ã™ã¨ã„ã†ã“ã¨ã¯ã§ããªã„。ã“ã‚Œã¯ã€ãŠçµµæãã‚’ã™ã‚‹é¢ã¯ç„¡é™ã®åºƒãŒã‚Šã‚’æŒã£ã¦ã„ã¦ã€ãƒ—リントアウトã•ã‚Œã‚‹ã®ã¯ãŸã¾ãŸã¾ãã®ä¸€éƒ¨ã§ã‚ã‚‹ã¨ã„ㆠSVG ã®è€ƒãˆæ–¹ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ã ã‚ã†ã€‚

    パスã®å†…å´ã‚’å¡—ã‚Šã¤ã¶ã™ã¨ãã®ã‚„ã£ã‹ã„ãªå•é¡Œã¯ã€ãƒ‘スãŒè‡ªåˆ†è‡ªèº«ã‚’横切ã£ã¦ã„ãŸã‚Šï¼ˆï¼®ï¼´ï¼´ã®ãƒžãƒ¼ã‚¯ï¼‰ã€å†…部ã«ã‚µãƒ–パスをå«ã‚“ã§ã„ãŸã‚Šï¼ˆãƒ‰ãƒ¼ãƒŠãƒ„型)ã™ã‚‹å ´åˆã«èµ·ã“る。「内å´ã‚’å¡—ã‚‹ã€ã®ã§ã‚ã‚‹ã‹ã‚‰ã€ã“ã‚Œã¯ã‚­ãƒ£ãƒ³ãƒã‚¹ä¸Šã®ä»»æ„ã®ç‚¹ã‚’当該パスã®ã€Œå†…å´ã€ã¨è€ƒãˆã‚‹ã‹ã€Œå¤–å´ã€ã¨è€ƒãˆã‚‹ã‹ã¨ã„ã†å•é¡Œã ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ãる。

    内å´ãƒ»å¤–å´ã‚’決ã‚ã‚‹ã®ã¯ã€ãƒ‘スを構æˆã™ã‚‹ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã®æ–¹å‘(自身ã¨äº¤ã˜ã‚らãªã„é–‰ã˜ãŸã‚µãƒ–パスã®å ´åˆã€ã“ã‚Œã¯æ™‚計ã¾ã‚ã‚Šã¨ã‹å時計ã¾ã‚ã‚Šã¨ã‹ã„ã†å•é¡Œã§ã‚る)ã¨ã€fill-rule ã¨ã„ã†ãƒ—ロパティãŒè€ƒæ…®ã•ã‚Œã‚‹ã€‚

    SVG ã¯ã€path エレメント㨠polyline エレメント㯠fill-rule プロパティをæŒã¤ã“ã¨ãŒã§ãã‚‹ã¨å®šã‚ã¦ã„る。fill-rule プロパティ㯠nonzero ã‚‚ã—ã㯠evenodd ã¨ã„ã†å€¤ã‚’ã¨ã‚‹ã€‚ã“れらã®å€¤ã®ç¤ºã™æ„味ã¯ä»¥ä¸‹ã®å¦‚ã—。

    キャンãƒã‚¹ï¼ˆç„¡é™ã®åºƒãŒã‚Šã‚’æŒã¤ã®ã ï¼‰ä¸Šã®ä»»æ„ã®ç‚¹ã‹ã‚‰ã€ç„¡é™ã®å½¼æ–¹ã«å‘ã‘ã¦åŠç›´ç·šã‚’引ãã“ã¨ã‚’想åƒã™ã‚‹ã€‚SVG ã¯ã“れを ray ã¨è¡¨ç¾ã—ã¦ã„る(ãŸã‚“ã«æ•°å­¦ç”¨èªžã§åŠç›´ç·šã®ã“ã¨ã‚’ ray ã¨ã„ã†ã‚ã‘ãªã®ã ãŒã€å…‰ç·šã ã‹ã‚‰æ–¹å‘ãŒã‚ã‚‹ã¨è€ƒãˆã‚‹ã¨è¶£ãæ·±ã„ã‹ï¼‰ã€‚

    ray ã¯ã€ã¯ã˜ã‚ 0 ã¨ã„ã†ã‚«ã‚¦ãƒ³ãƒˆã‚’æŒã£ã¦ã„る。

    ray ã®é€²è¡Œæ–¹å‘ã«å‘ã‹ã£ã¦å³æ‰‹ã‚’å³å´ã€å·¦æ‰‹ã‚’å·¦å´ã¨å‘¼ã¶ã“ã¨ã«ã™ã‚‹ã€‚

    å•é¡Œã¨ãªã‚‹ãƒ‘スを構æˆã™ã‚‹ã‚»ã‚°ãƒ¡ãƒ³ãƒˆãŒï¼ˆã“ã‚Œã¯æ–¹å‘ã‚’æŒã£ã¦ã„ã‚‹ã®ã§ï¼‰ ray ã®å·¦å´ã‹ã‚‰å³å´ã«æ¨ªåˆ‡ã‚‹å ´åˆã€ã‚«ã‚¦ãƒ³ãƒˆã« 1 ãŒåŠ ç®—ã•ã‚Œã€å³å´ã‹ã‚‰å·¦å´ã«æ¨ªåˆ‡ã‚‹å ´åˆã‚«ã‚¦ãƒ³ãƒˆã‹ã‚‰ 1 ãŒå¼•ã‹ã‚Œã‚‹ã€‚

    ã“ã†ã—㦠ray ãŒç„¡é™ã®å½¼æ–¹ã«åˆ°é”ã—ãŸã¨ãã®ã‚«ã‚¦ãƒ³ãƒˆã«ã‚ˆã£ã¦ã€ray ã®å‡ºç™ºç‚¹ãŒå½“該パスã®å†…å´ã§ã‚ã‚‹ã‹å¤–å´ã§ã‚ã‚‹ã‹ãŒå®šã¾ã‚‹ã€‚

    fill-rule プロパティ㌠nonzero ã®å ´åˆã€ã‚«ã‚¦ãƒ³ãƒˆãŒ 0 ãªã‚‰å¤–å´ã€ãã†ã§ãªã‘ã‚Œã°å†…å´ã¨å®šç¾©ã•ã‚Œã‚‹ã€‚

    fill-rule プロパティ㌠evenodd ã®å ´åˆã€ã‚«ã‚¦ãƒ³ãƒˆãŒå¥‡æ•°ãªã‚‰å†…å´ã€å¶æ•°ãªã‚‰å¤–å´ã¨å®šç¾©ã•ã‚Œã‚‹ã€‚

    SVG ã§ã¯ã€fill-rule ã®åˆæœŸå€¤ã¯ nonzero ã§ã‚る。

    ã„ãšã‚Œã®æ–¹å‘ã«å‘ã‘㦠RAY を照射ã™ã‚‹ã‹ã«ã‚ˆã£ã¦ã€ãã®ç‚¹ãŒå½“該パスã®ã€Œå†…å´ã€ã§ã‚ã‚‹ã‹ã€Œå¤–å´ã€ã§ã‚ã‚‹ã‹ã®æ±ºå®šã«é•ã„ã¯èµ·ã“らãªã„。å‰è¿°ã®ã”ã¨ãã€ã‚µãƒ–パスã¯å¿…ãšé–‰ã˜ã¦ã„ã‚‹ã¨ä»®å®šã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã‚る。

    次ã®ä¾‹ã¯ã€ã„ã¡ã°ã‚“å°ã•ã„円ã®å†…部ãŒã€Œå†…å´ã€ã‹ã€Œå¤–å´ã€ã‹ã‚’調ã¹ã‚‹ãŸã‚ã«ã€åŒå¿ƒå††ã®ä¸­å¿ƒã‹ã‚‰ RAY を照射ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã‚’調ã¹ã¦ã„る様å­ã®å›³ã€‚ã„ã¡ã°ã‚“大ãã„円ã®å††å‘¨ã¾ã§ RAY ãŒé”ã—ã¦ã¯ã˜ã‚ã¦ã€ã„ã¡ã°ã‚“å°ã•ã„円ã®å†…部ãŒã€Œå†…å´ã€ã‹ã€Œå¤–å´ã€ã‹ãŒå®šã¾ã‚‹ã€‚

    ãªãŠã€1 を足ã—ã¦ã‚‚引ã„ã¦ã‚‚ãã‚ŒãŒå¶å¥‡ã«ä¸Žãˆã‚‹å½±éŸ¿ã¯åŒã˜ãªã®ã§ã€fill-rule ㌠evenodd ã§ã‚ã‚Œã°ã¯ãƒ‘スã®æ–¹å‘ã¯ã¾ã£ãŸãå•é¡Œã«ãªã‚‰ã¬ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚

    蛇足ãªãŒã‚‰ã€SVG ã§å¡—ã‚Šã¤ã¶ã—ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€ã‚ãã¾ã§ã‚‚一ã¤ã®ãƒ‘スã«å¯¾ã—ã¦ã§ã‚ã‚Šã€è¤‡æ•°ã®ãƒ‘スã«å¯¾ã—ã¦ã§ã¯ãªã„。上ã«æŽ²ã’ãŸåŒå¿ƒå††ã®ä¾‹ã§ã¯ã€å††ã²ã¨ã¤ã²ã¨ã¤ã‚’サブパスã¨ã—ã¦ã€ã“れらを一ã¤ã®ãƒ‘スã«çµåˆã—ã‚る。

    Inkscape ã§ã®å®Ÿè£…

    パスã®æ–¹å‘ã¯ã€ã‚‚ã£ã¨ã‚‚å˜ç´”ãªä¾‹ã§ã¯ã€ã€Œãƒ™ã‚¸ã‚¨æ›²ç·šï¼ç›´ç·šãƒ„ールã€ã§ãƒã‚¤ãƒ³ãƒˆã‚’打ã¤é †ç•ªã«ã‚ˆã£ã¦æ±ºã¾ã‚‹ã€‚最後ã«æ‰“ã£ãŸãƒã‚¤ãƒ³ãƒˆã‚’終端ã¨ã™ã‚‹ã‚ˆã†ã«ãã®ã‚µãƒ–パスã®æ–¹å‘ãŒæ±ºã¾ã‚‹ã€‚パスã®æ–¹å‘を視覚的ã«ç¢ºèªã—ãŸã„ã¨æ€ã†ãªã‚‰ã°ã€ã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ã‚¹ã‚¿ã‚¤ãƒ«ã§çŸ¢å°ã‚’é¸æŠžã—ã¦ã‚„ã‚Œã°ã‚ˆã„。

    Inkscape 0.44 ã‹ã‚‰ã¯ã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‘スを引ã£å¼µã‚‹ã¨ã€Œé€†è»¢ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã€ã“れを使ã†ã¨æ–¹å‘ã‚’å転ã•ã›ã‚‹ã“ã¨ãŒã§ãる。

    「円ï¼å¼§ã€ãƒ„ールã§å††ã‚„楕円ãªã©ã‚’作æˆã™ã‚‹ã¨ã€ãƒ‘スã®æ–¹å‘ã¯æ™‚計ã¾ã‚ã‚Šã«ãªã‚‹ã€‚

    evenodd ã‹ nonzero ã‹ã‚’é¸æŠžã™ã‚‹ãŸã‚ã«ã¯ã€ã€Œãƒ•ã‚£ãƒ«ï¼ã‚¹ãƒˆãƒ­ãƒ¼ã‚¯ã€ãƒ„ールã®ã€Œãƒ•ã‚£ãƒ«ã€ã‚¿ãƒ–ã‚’é¸æŠžã—ãŸã¨ãã«å³ä¸Šã«å‡ºã¦ãã‚‹ãƒãƒ¼ãƒˆã˜ã‚‹ã—ã®ã‚ˆã†ãªã‚‚ã®äºŒç¨®ã®ã„ãšã‚Œã‹ã‚’é¸ã¶ã€‚å·¦å´ã®ãŒ evenodd ã§ã€å³å´ã®ãŒ nonzero。ã‚ã‚‹ã„ã¯ã€XML エディタを起動ã—ã¦æ‰‹å‹•ã§ fill-rule プロパティを修正ã™ã‚‹ã“ã¨ã‚‚ã§ãる。

    Inkscape ã§ã¯ã€fill-rule プロパティãŒãªã„パスエレメントを読ã¿è¾¼ã‚€ã¨ nonzero ã¨è§£é‡ˆã•ã‚Œã‚‹ãŒã€ã“れ㯠SVG 通り。

    文字

    日本語入力

    ç§ã®ã¨ã“ã‚ã® Linux 版 0.43 㯠SCIM 1.4.4 ã§ã†ã¾ã入力ã§ãã¦ã„る。

    文字コード

    SVG1.1 ã§ã¯ã€XML1.0 ã®æ–‡å­—を使ã†ã¨ã„ã†ã“ã¨ã«ãªã£ã¦ã„る。(http://www.w3.org/TR/SVG11/text.html)。XML ã®è¦å®šï¼ˆhttp://www.w3.org/TR/REC-xml/)を見るã¨ã€ã™ã¹ã¦ã® XML プロセッサã¯ã€UTF-8 㨠UTF-16 ã‚’ç†è§£ã§ããªãã¦ã¯ãªã‚‰ã¬ã€ã¨ã‚る。ãã—ã¦ã€Inkscape ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãŒ UTF-8 ã§ã‚ã‚Šã€ä½•ã‚‚考ãˆãšã« Inkscape ã§æ–°è¦æ›¸é¡žã‚’ã¤ãã‚Šã€æ—¥æœ¬èªžã‚’入力ã™ã‚‹ã¨ UTF-8 を用ã„ã¦ä¿å­˜ã•ã‚Œã‚‹ã€‚

    ã“ã†ã—㟠SVG ファイルをã€UNICODE をサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„テキスト・エディタã§é–‹ã„ã¦ã€å¤‰æ›´ã‚’加ãˆã¦ä¿å­˜ã—ãŸã‚Šã™ã‚‹ã¨ã€æ‚²æƒ¨ãªã“ã¨ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„。(事実ã€ãã†ãªã£ãŸã“ã¨ã‚り)。

    ã¨ã¯ã„ã£ã¦ã‚‚ã€SVG ã¯å¿…ãšã—ã‚‚ UTF-8 を使ã‚ãªã‘ã‚Œã°ãªã‚‰ã¬ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„。XML ã®ã»ã†ã§ã¯ã€"ISO-2022-JP", "Shift_JIS", and "EUC-JP" ã®ã“ã¨ã‚‚書ã„ã¦ã‚ã‚Šã€ã˜ã˜ã¤ SVG ファイルã®å…ˆé ­ã«

    <?xml version="1.0" encoding="Shift_JIS"?>

    ãªã©ã¨æ›¸ã„ã¦ãŠã„ãŸã‚‰ã€ãƒ†ã‚­ã‚¹ãƒˆã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ä¸­èº«ãŒã‚·ãƒ•ãƒˆ JIS ã§æ›¸ã‹ã‚Œã¦ã‚‚ Inkscape (少ãªãã¨ã‚‚ç§ã®ä½¿ã£ã¦ã„ã‚‹ Linux 版 Inkscape 0.44)ã¯ã¡ã‚ƒã‚“ã¨èª­ã¿è¾¼ã‚“ã§ãã‚ŒãŸã€‚

    ã—ã‹ãƒ¼ã—ï¼ã€€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Inkscape ã® GUI を使ã£ã¦å¤‰æ›´å¾Œå†åº¦ä¿å­˜ã—ãŸã‚‰ã€ã—ã‚Œã£ã¨ UTF-8 ã«æˆ»ã£ã¦ã„ã¾ã—ãŸã€‚ã˜ã¤ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ã™ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã‚’ã©ã“ã‹ã§è¨­å®šã§ãã‚‹ã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã€ç§ã«ã¯ã‚ã‹ã‚‰ã¬ã€‚ã‚„ã£ã±ã‚Š Inkscape ã§ã¯ UTF-8 ãŒç„¡é›£ã‹ã€‚

    文字間ï¼ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’調節

    Inkscape ã§ã®ä½¿ã„æ–¹ã ã‘メモã—ã¨ã“ã†ã€‚

    テキストツールã®ãƒã‚¤ãƒ³ã‚¿ã‚’段è½ã®ä¸­ã«ç½®ã„ã¦ã€ã€ŒAlt + >ã€ã§æ®µè½ã”ã¨æ–‡å­—間を広ãã€ã€ŒAlt + <ã€ã§æ®µè½ã”ã¨æ–‡å­—é–“ã‚’ç‹­ãã§ãる。フレームã«æŒ¿å…¥ã—ãŸãƒ†ã‚­ã‚¹ãƒˆã«ã‚‚é©ç”¨ã§ãる。

    テキストツールã®ãƒã‚¤ãƒ³ã‚¿ã‚’文字間ã«ç½®ã„ã¦ã€ã€ŒAlt + →ã€ã§äºŒæ–‡å­—é–“ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’広ãã€ã€ŒAlt + â†ã€ã§äºŒæ–‡å­—é–“ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’ç‹­ãã§ãる。ãŸã ã—ã€ã“ã‚Œã¯ãƒ•ãƒ¬ãƒ¼ãƒ ã«æŒ¿å…¥ã•ã‚ŒãŸãƒ†ã‚­ã‚¹ãƒˆã«ã¯é€šç”¨ã—ãªã„。

    åŒæ§˜ã«ã€ã€ŒAlt + ↑ã€ã§ãƒã‚¤ãƒ³ã‚¿ã®ç½®ã„ã¦ã‚る後ã‚以後ã®æ–‡å­—ã®ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã‚’上ã«ã€ã€ŒAlt + ↓ã€ã§ä¸‹ã«å‹•ã‹ã™ã“ã¨ãŒã§ãる。ã“れもã€ãƒ•ãƒ¬ãƒ¼ãƒ ã«æŒ¿å…¥ã•ã‚ŒãŸãƒ†ã‚­ã‚¹ãƒˆã«ã¯é€šç”¨ã—ãªã„。

    ãªãœã‹çŸ¥ã‚‰ã¬ãŒã€ã“れらã¯ã“ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’使ã£ã¦ã€ˆã®ã¿ã€‰è¡Œã†ã“ã¨ãŒã§ãã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ã¯ã“ã‚Œã«å¯¾å¿œã—ãŸã‚‚ã®ãŒè¦‹ã¤ã‹ã‚‰ãªã„。

    行間ã®è¨­å®š

    「テキストï¼ãƒ•ã‚©ãƒ³ãƒˆã€€ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ã€ã§ã€Œç·šã®é–“éš”ã€ã¨ã„ã†ã®ã‚’変ãˆã¦ã‚„る。「線ã®é–“éš”ã€ã¨ã„ã†ã®ã¯ã€ã€Œè¡Œï¼ˆlines)ã®é–“éš”ã€ã®èª¤è¨³ã§ã‚らã†ã€‚

    文字ã®ç¸¦æ›¸ãã§ãる?

    ã§ãã¯ã™ã‚‹ã€ãŒã€ã¡ã‚ƒã‚“㨠SVG ã®è¦å®šãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€è²§å¼±ã€‚å°†æ¥æœŸå¾…。

    「エディタã‹ã‚‰æ–‡å­—をコピペã§ããªã„ã€

    ã²ã©ã環境ä¾å­˜ã—ã¦ãã†ãªå•é¡Œãªã®ã§ã€ä¸€èˆ¬çš„ã«ã¯ç­”ãˆã‚‰ã‚Œãã†ã‚‚ãªã„。ã‚ã‚“ã©ãã•ã„ã‹ã‚‰è‡ªåˆ†ã®ã¨ã“ã®è©±ã ã‘ã—ã¨ã“。「テキストï¼ãƒ•ã‚©ãƒ³ãƒˆã€ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ã®ã€Œãƒ†ã‚­ã‚¹ãƒˆã€ã‚¿ãƒ–ã‚’é–‹ãã¨ã€ã“ã“ã«ãªã‚‰ã‚³ãƒ”ペã§ããŸã€‚

    テキストã®æµã—è¾¼ã¿

    SVG éžæº–æ‹ 

    Inkscape 㯠flowed text ã®æ©Ÿèƒ½ã‚’æŒã£ã¦ã¯ã„る。flowed text ã¨ã„ã†ã®ã¯ã€ã€Œæµã—è¾¼ã¾ã‚ŒãŸãƒ†ã‚­ã‚¹ãƒˆã€ã€‚

    SVG 1.1 ã«ã¯ flowed text ã«ã¤ã„ã¦å®šã‚ã¦ã„ãªã„。Inkscape ã® flowed text 㯠SVG 1.2 ã®å¤ã„版ã®è‰ç¨¿ã‚’ã‚‚ã¨ã«ã—ã¦ã„ã‚‹ã®ã§ã€ä»Šå¾Œ SVG 1.2 ãŒç¢ºå®šã—ã¦ã‚‚ã€ãã‚Œã«æ²¿ã£ã¦ã„ã‚‹å¯èƒ½æ€§ã¯ä½Žã„。(http://wiki.inkscape.org/wiki/index.php/FAQ#What_about_flowed_text.3F å‚照)

    テキストæµã—è¾¼ã¿ã¯ã€Inkscape ㌠SVG ã«æº–æ‹ ã—ã¦ã„ãªã„部分ã§ã‚る。もã¡ã‚ã‚“ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ»ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒãã¡ã‚“ã¨ã“れを解釈ã™ã‚‹å¯èƒ½æ€§ã¯ä½Žã„。

    SVG 1.2 ã®ãƒ†ã‚­ã‚¹ãƒˆæµã—è¾¼ã¿

    ã„ã¡ãŠã†ç¾æ®µéšŽã® SVG 1.2 ã® draft ãらã„ã¯è¦‹ã¦ã¿ã‚ˆã†ã€‚http://www.w3.org/TR/2004/WD-SVG12-20041027/flow.html

    Inkscape ã§ã®ãƒ†ã‚­ã‚¹ãƒˆæµã—è¾¼ã¿

    矩形オブジェクトや円形オブジェクトãªã©ã¨ã€ãƒ†ã‚­ã‚¹ãƒˆã‚ªãƒ–ジェクトをåŒæ™‚ã«é¸æŠžã—ã¦ãŠãã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œãƒ†ã‚­ã‚¹ãƒˆã‚’フレームã«æŒ¿å…¥ã€ã‚’é¸ã¹ã°ã€ã“ã‚ŒãŒå®Ÿç¾ã§ãる。

    パスオブジェクトã¸ã®æµã—è¾¼ã¿ã‚‚å¯èƒ½ã§ã‚る。パスãŒé–‰ã˜ã¦ã„ãªã‘ã‚Œã°ã€å§‹ç‚¹ã¨çµ‚点ãŒæŽ¥ç¶šã•ã‚Œã¦ã„ã‚‹ã¨ä»®å®šã•ã‚Œã‚‹ã€‚

    é¢ç™½ãã¦æœ‰ç”¨ãªã®ã¯ã€äºŒã¤ä»¥ä¸Šã®æµã—è¾¼ã¿å…ˆã‚ªãƒ–ジェクトã¨ãƒ†ã‚­ã‚¹ãƒˆã‚ªãƒ–ジェクトをåŒæ™‚ã«é¸æŠžã—ã¦ã€Œãƒ†ã‚­ã‚¹ãƒˆã‚’フレームã«æŒ¿å…¥ã€ã™ã‚‹ã¨ã€ä¸€ã¤ç›®ã®æµã—è¾¼ã¿å…ˆã‚ªãƒ–ジェクト(ãªã©ï¼‰ã‹ã‚‰ã‚ãµã‚ŒãŸãƒ†ã‚­ã‚¹ãƒˆãŒã€æ¬¡ã®æµã—è¾¼ã¿å…ˆã®ã‚ªãƒ–ジェクトã«æµã‚Œè¾¼ã‚€ã¨ã„ã†ã“ã¨ã§ã‚る。ã“ã®ã¨ãã€å¾Œã‹ã‚‰é¸æŠžã—ãŸæµã—è¾¼ã¿å…ˆã‚ªãƒ–ジェクトã«å¯¾ã—ã¦å…ˆã«ãƒ†ã‚­ã‚¹ãƒˆãŒæµã—è¾¼ã¾ã‚Œã‚‹ã€‚ã“ã‚Œã¯ã€SVG çš„ã«ã¯ flowRegion オブジェクトã®å­è¦ç´ ã«ã€æ画オブジェクトを複数置ã‘ã‚‹ã“ã¨ã«å¯¾å¿œã—ã¦ã„る。

    ã“ã†ã—ã¦æµã—込んã ãƒ†ã‚­ã‚¹ãƒˆã«å¯¾ã—ã¦ã¯ã€ã€Œãƒ†ã‚­ã‚¹ãƒˆï¼ãƒ•ã‚©ãƒ³ãƒˆã€ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ã‹ã‚‰å³å¯„ã›ã€å·¦å¯„ã›ã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã®æŒ‡å®šãŒå¯èƒ½ã€‚XML エディタを使ã£ã¦ã€ã‚¸ãƒ£ã‚¹ãƒ†ã‚£ãƒ•ã‚¡ã‚¤ã‚‚å¯èƒ½ï¼ˆflowRoot オブジェクト㮠style プロパティ㧠text-align=justify ã¨ã™ã‚‹ã®ãŒä¸€æ‰‹ï¼‰ã§ã‚る。ãªãŠã€ã“ã®ã‚¸ãƒ£ã‚¹ãƒ†ã‚£ãƒ•ã‚¡ã‚¤ã¯ã‚¹ãƒšãƒ¼ã‚¹ã®é–“隔を調整ã—ã¦è¡Œã†ã‚‚ã®ã§ã‚ã‚Šã€æ—¥æœ¬èªžã§ã¯æœŸå¾…通りã«ã„ã‹ãªã„(日本語ã§ã¯å˜èªžã®å¢ƒç›®ã«ã‚¹ãƒšãƒ¼ã‚¹ã‚’入れる習慣ãŒãªã„ã‹ã‚‰ã‹ï¼‰ã€‚ã“ã‚Œã¯ã€flowRoot オブジェクトやã€flowPara オブジェクト㫠style 属性を設定ã—ã€å±žæ€§å€¤ã§ text-align ã‚’ left, right, justify ãªã©ã«è¨­å®šã™ã‚‹ã“ã¨ã«å¯¾å¿œã™ã‚‹ã€‚

    http://wiki.inkscape.org/wiki/index.php/FAQ#What_about_flowed_text.3F ã§ã¯ã€Inkscape ã® flowing text を用ã„㟠SVG ファイルを他ã®ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§èª­ã¿è¾¼ã¾ã›ã‚‹ãªã‚‰ã°ã€ã‚らã‹ã˜ã‚「テキストã«å¤‰æ›ã€ã‚’用ã„㦠flowing text を使ã‚ãªã„よã†ã«å¤‰æ›ã—ã¦ãŠãよã†å‹§ã‚ã¦ã„る。(ç§ã¯ã“れを試ã—ã¦ã¿ãŸãŒã€ã†ã¾ãã„ã‹ãªã„å ´åˆãŒã‚ã£ãŸã€‚ãªãœã ã‹ã¾ã èª¿ã¹ã¦ã„ãªã„)。

    ã„ã¡ãŠã† Inkscape ã§ä½œæˆã—㟠SVG ã®ã‚³ãƒ¼ãƒ‰ã‚’見ã¦ã¿ã‚‹ã€‚

    flowRoot オブジェクトã®ä¸­ã« flowRegion オブジェクト㨠flowPara オブジェクトãŒã‚る。flowRegion オブジェクトã®ä¸­ã« rect ãªã©ã®æç”»ã•ã‚Œã‚‹ã‚ªãƒ–ジェクトãŒã‚ã‚Œã°ã‚ˆã„らã—ã„。典型的ãªéšŽå±¤é–¢ä¿‚ã¯ã€ãŸã¨ãˆã°

    flowRoot
      flowRegion
        rect
        circle
        etc.
        ......
      flowPara
    

    ã¦ãªå…·åˆã ã€‚flowPara オブジェクトã¯æµã—è¾¼ã¾ã‚Œã‚‹æ–‡å­—列をä¿æŒã—ã€flowRegion ã®å­è¦ç´ ã® rect ã‚„ circle ... ã¯ã€æ–‡å­—列ãŒæµã—è¾¼ã¾ã‚Œã‚‹ã‚ªãƒ–ジェクトã§ã‚る。

    整列・å¸ç€

    ノードやオブジェクトを並ã¹ãŸã‚Šãã‚ãˆãŸã‚Šã™ã‚‹ã«ã¯ã€æ•´åˆ—を使ã†ã‚„ã‚Šæ–¹ã¨ã€å¸ç€ã‚’使ã†ã‚„ã‚Šæ–¹ãŒã‚る。

    整列オブジェクトã®æ•´åˆ—
    ノードã®æ•´åˆ—
    å¸ç€ã‚°ãƒªãƒƒãƒ‰
    ガイド
    Object Snapping

    オブジェクトã®æ•´åˆ—

    ノードã®æ•´åˆ—

    åŒã˜ãƒ‘スã«å±žã™ã‚‹ãƒŽãƒ¼ãƒ‰ãªã‚‰ã°ã€ã‚ªãƒ–ジェクトã¨åŒã˜ã‚ˆã†ã«æ•´åˆ—ã•ã›ã‚‹ã“ã¨ãŒã§ãる。「オブジェクトã€â†’「整列ï¼é…ç½®ã€ã§ã¯ã€é¸æŠžã•ã‚Œã¦ã„るツールãŒã€ŒãƒŽãƒ¼ãƒ‰ãƒ»ãƒ„ールã€ã§ã‚ã‚‹å ´åˆã€ãƒŽãƒ¼ãƒ‰æ•´åˆ—・é…列用ã®ãƒ€ã‚¤ã‚¢ãƒ­ã‚°ãƒœãƒƒã‚¯ã‚¹ãŒå‡ºã¦ãる(他ã®ãƒ„ールãŒé¸æŠžã•ã‚Œã¦ã„ã‚‹ã¨ã€ã‚ªãƒ–ジェクト整列・é…置用ã®ã‚‚ã®ãŒå‡ºã¦ãる)。

    一方ã€ç•°ãªã‚‹ãƒ‘スã«å±žã™ã‚‹ãƒŽãƒ¼ãƒ‰ã¯æ•´åˆ—ã•ã›ã‚‹ã“ã¨ãŒã§ããªã„。ãれらをåŒæ™‚ã«é¸æŠžçŠ¶æ…‹ã«ã™ã‚‹ã“ã¨ã™ã‚‰ã§ããªã„。ãã†ã—ãŸå ´åˆã€ã€Œãƒ‘スã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œé€£çµã€ã‚’è¡Œã†ã€‚ã“ã®ã¨ãã€çŸ©å½¢ãƒ„ールや円・楕円ツールã§ä½œæˆã—ãŸã‚ªãƒ–ジェクトを「連çµã€ã™ã‚‹ã¨ã€å¤±ã‚れるプロパティãŒå‡ºã¦ãã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã€‚ãªãŠã€åŒã˜ãƒ‘スã«å±žã—ã¦ã„ã‚Œã°ã‚ˆã„ã®ã§ã‚ã£ã¦ã€å¿…ãšã—ã‚‚åŒã˜ã‚µãƒ–パスã«å±žã—ã¦ã„ã‚‹å¿…è¦ã¯ãªã„。

    ノードãŒåŒã˜ãƒ‘スã«å±žã™ã‚‹å ´åˆã€æ•´åˆ—を用ã„ã¦ãれらをé‡ã­ã‚‹ã“ã¨ã‚‚ã§ãる。ãŸã ã—ã€Inkscape 0.44 以後ãªã‚‰ã€ã“ã†ã—ãŸä½œæ¥­ã¯ Object Snapping を用ã„ãŸã»ã†ãŒæ¥½ã€‚

    ãªãŠã€åŒä¸€ãƒ‘スã«å±žã™ã‚‹ a, b ã®ãƒŽãƒ¼ãƒ‰ã‚’é‡ã­ãŸä¸Šã§çµ±åˆã™ã‚‹å ´åˆã€a, b 間を連çµãƒ„ール ã§é€£çµã—ãŸå¾Œã€a ã¾ãŸã¯ b ã§ä¸è¦ãªã»ã†ã®ãƒŽãƒ¼ãƒ‰ã‚’削除ã™ã‚‹ã»ã†ãŒæ‰‹æ•°ãŒå°‘ãªã„。

    ã‚‚ã¡ã‚ã‚“ã€ã“ã†ã—ãŸä½œæ¥­ã®çµæžœã€Œãƒ‘スを閉ã˜ã€ãŸã„ã ã‘ãªã‚‰ã°ã€ãŸã‚“ã«ãƒ‘ス・ツールを使ã£ã¦ã‚„ã‚Œã°ã‚ˆã„。ã“ã‚“ãªãµã†ã«ã€‚

    グリッド

    グリッドã®è¨­å®šã¯ã‚¢ãƒ—リケーションã«å¯¾ã™ã‚‹è¨­å®šã§ã¯ãªãã€å„ドキュメントã«å¯¾ã™ã‚‹è¨­å®šã«ã‚ˆã‚‹ã€‚

    グリッドã®è¨­å®šã®ãŸã‚ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€Inkscape 0.44 ã§ã¯ã€ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€â†’「Document Propertiesã€â†’「Grid/Guidesã€ã€‚Inkscape 0.43 ã§ã¯ã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€ã‹ã‚‰ã€Œãƒ‰ã‚­ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨­å®šã€ã§å‡ºã¦ããŸãƒ‘ãƒãƒ«ã‹ã‚‰ã€Œã‚¬ã‚¤ãƒ‰ã€ã‚¿ãƒ–ã‚’é¸æŠžã€‚

    æ€ã†ã‚ˆã†ã«å¸ç€ã—ãªã„ãªã‚‰ã° Inkscape 0.44ã§ã¯ä¸Šè¨˜ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã® Grid Snapping ã®é …目を確èªã€‚bounding box をグリッドã«åˆã‚ã›ã‚‹ã‹ã€ãƒŽãƒ¼ãƒ‰ã‚’グリッドã«åˆã‚ã›ã‚‹ã‹ã‚’é¸æŠžã§ãる(Bounding Box ã«ã¤ã„ã¦ã¯Object Snappingå‚照)。ã©ã®ãらã„ã®è·é›¢ã‹ã‚‰ã‚¹ãƒŠãƒƒãƒ—ãŒç™ºå‹•ã™ã‚‹ã‹ã¯ã€Snap sensitivity ã§è¨­å®šã€‚

    ãªãŠã€å¸ç€ã®è¨­å®šã‚’をオンã«ã—ã¦ã„ã‚‹ã®ã«å¸ç€ã›ã¬ã¨ã„ã†å ´åˆã¯ã€ãŸã„ãŒã„グリッドã®é–“éš”ãŒç´°ã‹ã™ãŽã‚‹ã®ã§ã‚る。ã‚ã¾ã‚Šã«ç´°ã‹ã„グリッドã¯è¡¨ç¤ºãŒçœç•¥ã•ã‚Œã‚‹ã€‚ã—ã‹ã‚‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚°ãƒªãƒƒãƒ‰é–“éš”ãŒã‚„ãŸã‚‰ã¨ç´°ã‹ã„ã¨ã„ã†å ´åˆãŒã‚る。ã„ã‚„ã€ã¡ã‚ƒã‚“ã¨ã‚°ãƒªãƒƒãƒ‰ã¯è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãžã¨ã„ã†å‘ãã¯ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ãŒã€ã‚°ãƒªãƒƒãƒ‰ä½•æœ¬ã‹ã«ä¸€æœ¬å¼•ã‹ã‚Œã‚‹ãƒ¡ãƒ¼ã‚¸ãƒ£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã ã‘ãªã®ã§ã¯ãªã„ã‹ã¨ç–‘ã£ã¦ã¿ã‚‹ã“ã¨ã€‚

    Inkscape 0.43 ã§ã¯ã€

    「隣りåˆã†ãƒœãƒƒã‚¯ã‚¹ã‚’グリッドã«åˆã‚ã›ã‚‹ã€ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ã€è¼ªéƒ­ç·šï¼ˆå½“然太ã•ã‚’ã„æŒã£ã¦ã„る)ã®å¤–ç¸ã¾ãŸã¯å†…ç¸ãŒã‚°ãƒªãƒƒãƒ‰ã«å¸ç€ã™ã‚‹ã€‚

    「ノードをグリッドã«åˆã‚ã›ã‚‹ã€ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒ‘スã®ãƒŽãƒ¼ãƒ‰ï¼ˆã“ã‚Œã¯é¢ç©ã‚’æŒãŸãªã„点ã§ã‚る)ãŒã‚°ãƒªãƒƒãƒ‰ã«å¸ç€ã™ã‚‹ã€‚

    「隣りåˆã†â€¦â€¦ã€ã¨ã€ŒãƒŽãƒ¼ãƒ‰â€¦â€¦ã€ã®ä¸¡æ–¹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ã€è¼ªéƒ­ç·šã®å†…外ã¨ãƒ‘スã®ãƒŽãƒ¼ãƒ‰ã®ã„ãšã‚Œã‹ã«å¸ç€ã™ã‚‹ã€‚

    ガイド

    ガイドã¯ã€åž‚ç›´ã‚ã‚‹ã„ã¯æ°´å¹³ã®ç·šã§ã€ã‚°ãƒªãƒƒãƒ‰ã¨åŒã˜ã‚ˆã†ã«åƒã。グリッドã¨ç•°ãªã‚Šã€è‡ªç”±ãªå ´æ‰€ã«ç½®ãã“ã¨ãŒã§ãる。æç”»é¢ä¸Šã¨å·¦ã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ«ãƒ¼ãƒ©ãƒ¼ã®ä¸Šã‹ã‚‰ã€ã‚¬ã‚¤ãƒ‰ã‚’引ããŸã„場所ã¾ã§ãƒžã‚¦ã‚¹ã‚’ドラッグã™ã‚‹ã¨ã€ã‚¬ã‚¤ãƒ‰ã‚’作æˆã§ãる。SVG ã«ã¯ã¾ã£ãŸã定義ã®ãªã„独自定義ã®ï¼ˆæ­£ç¢ºã«ã„ãˆã° sodipodi ã®å®šç¾©ã«ã‚ˆã‚‹ï¼‰ã‚ªãƒ–ジェクトã§ã‚る。

    ガイドã®è¨­å®šã¯ã‚¢ãƒ—リケーションã®ã«å¯¾ã—ã¦è¡Œã†ã‚‚ã®ã§ã¯ãªãã€å„ドキュメントã«å¯¾ã—ã¦è¡Œã†ã€‚具体的ã«ã¯ Inkscape 0.44 ã§ã¯ã€ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€â†’「Document Propertiesã€â†’「Snapã€ã‹ã‚‰ã€ŒGuide Snappingã€ã®é …目。Inkscape 0.43ã§ã¯ã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€ã‹ã‚‰ã€Œãƒ‰ã‚­ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨­å®šã€ã€‚出ã¦ããŸã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ã€Œã‚¬ã‚¤ãƒ‰ã€ã‚¿ãƒ–ã‚’é¸æŠžã€‚

    ガイドã¯æ°´å¹³ã‹åž‚ç›´ã‹ã®ã©ã¡ã‚‰ã‹ã ã‘ã§ã‚る。Adobe Illustrator ã®ã‚ˆã†ã«ã€ä»»æ„ã®ãƒ‘スをガイドã«å¤‰ãˆã‚‹ã“ã¨ã¯ã§ããªã„(Inkscape 0.44 ã§ã¯ä¸å®Œå…¨ãªãŒã‚‰ Object Snapping ã®æ©Ÿèƒ½ã¯ã‚ã‚‹ãŒï¼‰ã€‚Quark Xpress ã®ã‚¬ã‚¤ãƒ‰ã«ã‚ˆãä¼¼ã¦ã„る。

    ガイドを間é•ã£ã¦ç§»å‹•ã•ã›ã¦ã—ã¾ã‚ãªã„よã†ã«ãƒ­ãƒƒã‚¯ã™ã‚‹æ–¹æ³•ã‚’ç§ã¯çŸ¥ã‚‰ãªã„。

    Object Snapping

    Inkscape ㌠0.43 ã‹ã‚‰ 0.44 ã«ãªã£ã¦ã€ä¸€ç•ªä¾¿åˆ©ã«ãªã£ãŸã®ã¯ã“ã®æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸã“ã¨ã‹ã‚‚ã—ã‚Œãªã„。

    Inkscape 0.44 ã®ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€â†’「Document Propertiesã€â†’「Snapã€ã« Object Snapping ãªã‚‹é …ç›®ã‚り。Grid ã§ã‚‚ã€Guide ã§ã‚‚ãªãã€ãªã‚“ã§ã‚‚ãªã„ object ã«å¸ç€ã•ã›ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã€‚

    â–¡ Snap bounding boxes to objects (ボックスを何ã‹ã«åˆã‚ã›ã‚‹ï¼‰
    â–¡ Snap nodes to objects          (ノードを何ã‹ã«åˆã‚ã›ã‚‹ï¼‰
    

    ã®ãµãŸã¤ã®é …ç›®ã¯ã€Œä½•ã‚’ã€åˆã‚ã›ã‚‹ã‹

    â–¡ Snap to object paths            (何ã‹ã‚’ボックスã«åˆã‚ã›ã‚‹ï¼‰
    â–¡ Snap to object nodes            (何ã‹ã‚’ノードã«åˆã‚ã›ã‚‹ï¼‰
    

    ã®ãµãŸã¤ã®é …ç›®ã¯ã€Œä½•ã«ã€åˆã‚ã›ã‚‹ã‹

    ã‚ã‹ã‚Šã«ãã„ã®ã¯ã€ã‚¹ãƒŠãƒƒãƒ—ã®è¨­å®šã§ Bounding Box ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯ã€æœ¬æ¥ã®çŸ©å½¢ã‚’ã—㟠Bounding Box ã§ã¯ãªãã¦ã€ãã®çŸ©å½¢ã‚’定義ã™ã‚‹å³ä¸Šã¨å·¦ä¸‹ã® 2 点を指ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã‚る。

    以下ã€ã€Œä½•ã‚’ã€ãŒ 2 通りã€ã€Œä½•ã«ã€ãŒ 2 通りã§ã€2 x 2 = 4 通り㮠Object Snapping ã«ã¤ã„ã¦å›³è§£ã—ã¦ã¿ã‚€ã€‚

    ノードを円や矩形をã¤ãる辺ã«å¸ç€ã•ã›ã‚‹ã“ã¨ã¯å¯èƒ½ã ãŒã€ä¸€èˆ¬ã®ãƒ‘スã«å¸ç€ã•ã›ã‚‹ã“ã¨ã¯ã§ããªã„よã†ã ã€‚ã¾ãŸã€äºŒæœ¬ã®ç·šåˆ†ï¼ˆãŸã¨ãˆãã‚ŒãŒä¸€ã¤ã®ãƒ‘スã«å±žã—ã¦ã„よã†ã¨ï¼‰ã®äº¤ç‚¹ã«å¸ç€ã•ã›ã‚‹ã“ã¨ã¯ã§ããªã„。ã¾ãŸã€ãƒŽãƒ¼ãƒ‰ã‚’パスã«å¸ç€ã•ã›ãªãŒã‚‰ç§»å‹•ã•ã›ã‚‹ã¨ãã«ã€ãã®ãƒŽãƒ¼ãƒ‰è‡ªèº«ãŒå«ã¾ã‚Œã‚‹ãƒ‘スã«ã‚‚å¸ç€ã—ã¦ã—ã¾ã†ã€‚

    頓知

    ç´ ç›´ã« CAD を使ã£ãŸã»ã†ãŒã‚ˆã‹ã£ãŸã‚Šã™ã‚‹ã‹ã‚‚。Metapost ã‚„ Asymptote ã®é¡žã„ãŒã„ã„å ´åˆã‚‚ã‚るよã­ã€‚

    「3 ã¤ã®å††ã‹ã‚‰ãªã‚‹ãƒ™ãƒ³å›³ã‚’作æˆã—ãŸã„ã€

    ã¹ã¤ã« Inkscape ã®è©±é¡Œã˜ã‚ƒãªã„よã†ãªæ°—ã‚‚ã™ã‚‹ã‘ã©ã€‚ä»»æ„ã®ãƒ‘スã‹ã‚‰ã‚¬ã‚¤ãƒ‰ã‚’作æˆã™ã‚‹æ©Ÿèƒ½ãŒãªã„ Inkscape ã«ãŠã„ã¦ã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸé “知ãŒå¿…è¦ã‹ãªã‚。解答案

    「点を打ã¤ã«ã¯ï¼Ÿã€

    SVG ã«ã¯ç‚¹ã¨ã„ã†ã‚ªãƒ–ジェクトã¯å­˜åœ¨ã—ãªã„。Inkscape ã«ãŠã„ã¦ã‚‚然り(Illustrator ã«ã¯å­¤ç«‹ç‚¹ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã†ã‚‹ï¼‰ã€‚ã•ã¦ã€ã©ã†ã™ã‚‹ã€‚

    å°ã•ãªå††ã‚’ã¤ãã‚‹ã¨ã„ã†ã®ãŒæ­£è§£ã®å ´åˆã‚‚ã‚る。ã—ã‹ã—ã€ä½ç½®åˆã‚ã›ã®ãŸã‚ã®ãƒŽãƒ¼ãƒ‰ã‚’作りãŸã„ã®ã ã¨ã™ã‚‹ã¨ã€å††ã¯è¤‡æ•°ã®ãƒŽãƒ¼ãƒ‰ã‚’æŒã¤ã®ã§ä¸å¯ã€‚ãã®å ´åˆã€ç«¯ç‚¹ã‚’丸ãストロークæç”»ã—ãŸç·šåˆ†ã®ã€ä¸¡ç«¯ã‚’ã´ã£ãŸã‚Šé‡ã­åˆã‚ã›ã¦ç‚¹ã«ã™ã‚‹ã®ãŒæ­£è§£ã€‚

    「任æ„ã®ç·šåˆ†ã‚’二等分ã›ã‚ˆã€‚ã¾ãŸã€ä¸‰ç­‰åˆ†ã›ã‚ˆã€

    線分ã®ç«¯ç‚¹ã®é–“ã«ãƒŽãƒ¼ãƒ‰ã‚’追加ã™ã‚‹ã¨ã€ãã‚Œã¯ã¡ã‚‡ã†ã©ä¸­é–“ã«ç½®ã‹ã‚Œã‚‹ã€‚ã“ã®ç‚¹ã§ç·šåˆ†ã‚’切断ã™ã‚Œã°äºŒç­‰åˆ†ã§ãる。

    三等分ã®å ´åˆã€ã¾ãšã©ã“ã§ã‚‚ã„ã„ã‹ã‚‰äºŒã¤ã®ãƒŽãƒ¼ãƒ‰ã‚’線分上ã«ä½œæˆã—ã€ãã®ä¸Šã§ãƒŽãƒ¼ãƒ‰ã®æ•´åˆ—を利用ã™ã‚Œã°ã‚ˆã„。

    「二等辺三角形をã¤ãã‚ŠãŸã„ã€

    グラフ

    グラフã¨ã„ã£ã¦ã‚‚ã€æœ¨ã®ä»²é–“ã®ã‚°ãƒ©ãƒ•ã§ã¯ãªãã¦ã€è³‡æ–™ã«ã‚ˆã使ã†ä¾‹ã®ã‚¢ãƒ¬ã€‚ãã‚“ãªé«˜ç´šï¼ˆï¼Ÿï¼‰ãªæ©Ÿèƒ½ã¯ Inkscape ã«ã¯ã¤ã„ã¦ã„ãªã„。拡張スクリプトã«ã‚ˆã‚Šå¯¾å¿œã•ã›ã‚‹ã¤ã‚‚ã‚Šãªã®ã‹ã‚‚ã—ã‚Œãªã„。

    gnuplot ㌠SVG ã§å‡ºåŠ›ã§ãã¾ã™ã‘ん。切り貼りã—ã¦ã¯ã„ã‹ãŒã§ã™ï¼Ÿã€€gnuplot ã§å›³å½¢ã ã‘作æˆã—ã€inkscape ã§å›³å½¢ã‚’å¡—ã£ãŸã‚Šã€ã‚¿ã‚¤ãƒˆãƒ«ã‚„ラベルや説明を入れるã¨æ¥½ã¡ã‚“ã‹ã‚‚。

    gnuplot> set terminal svg
    gnuplot> set output "test.svg"
    gnuplot> plot(x**2)
    

    ã¨ã‹ã€‚

    統計ソフト㮠R (http://cran.r-project.org/)ã«ã‚‚ svg 出力用ã®ãƒ‘ッケージãŒã‚る。 http://cran.md.tsukuba.ac.jp/src/contrib/Descriptions/RSvgDevice.html (http://www.darkridge.com/~jake/RSvg/)。ã¾ã è©¦ã—ã¦ã„ãªã„ãŒã€http://www.darkridge.com/~jake/RSvg/ ã«ã¯ç¾Žã—ã„出力例ãŒã‚るよ。

    プレゼンテーション用ã®ã‚°ãƒ©ãƒ•ã‚’æãã«ã¯ã€ã‚¹ãƒ—レッド・シートã¨ã®é€£æºãŒä¾¿åˆ©ã§ã‚ã‚‹ãŒã€ã“ã‚Œã¯ãŸã¨ãˆã° gnumeric ㌠SVG 出力をサãƒãƒ¼ãƒˆã—ã¦ã„る(最近㮠gnumeric ã¯ãšã„ã¶ã‚“安定ã—ã¦ã€ä½¿ã„ã‚„ã™ã„ã‚‚ã®ã«ãªã£ã¦ã„ãŸã®ã§é©šã„ãŸï¼‰ã€‚gnumeric ã§ã‚°ãƒ©ãƒ•ãƒ»ã‚ªãƒ–ジェクトをé¸æŠžã—ã¦ç”»åƒã‚’ä¿å­˜ã›ã‚€ã¨ã™ã‚‹ã¨ãã« SVG ã‚’é¸ã‚“ã§ã‚„ã‚Œã°ã€ç¾Žã—ã„å½¢ã§ä¿å­˜ã§ãる。

    ã£ã¦ã€Inkscape ã®è©±é¡Œã˜ã‚ƒãªã„ã§ã™ã‚„ん。

    ãŠã¾ã‘:円グラフ・帯グラフをæããŸã‚ã®æ‹¡å¼µã‚¹ã‚¯ãƒªãƒ—トã¯ã“ã¡ã‚‰ã€‚

    Tips

    「ã†ã¾ãパスãŒé–‰ã˜ã‚‰ã‚Œãªã„スã€

    ã„ã£ãŸã‚“開放ã•ã‚ŒãŸãƒ‘スを作æˆã—ãŸå¾Œã€ãƒ‘ス・ツールを使ã£ã¦ã“ã®ãƒ‘スを閉ã˜ã‚ˆã†ã¨ã™ã‚‹ã¨ã€æŽ¥ç¶šç‚¹ã«ä½™åˆ†ãªãƒŽãƒ¼ãƒ‰ãŒã§ãã¦ã—ã¾ã†ã“ã¨ãŒã‚る。パスã®æ–¹å‘を考ãˆã‚Œã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã¯èµ·ã“らãªã„。

    「ä¸è¦ãªãƒãƒ³ãƒ‰ãƒ«ã‚’削除ã—ãŸã„ãžã€

    「ウェブページã¸ã®ãƒªãƒ³ã‚¯ã¨ã‹ SVG ç”»åƒã«è²¼ã‚Œã¾ã›ã‚“ã®ã‚“?ã€

    SVG 1.1 ã§ã¯ã€ãŸã‚“ã«ã€æç”»ã•ã‚Œã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ a エレメントã®ä¸­ã«å…¥ã‚Œã‚‹ã ã‘ã§ã€ã“ã†ã—ãŸãƒªãƒ³ã‚¯ãŒå®Ÿç¾ã•ã‚Œã‚‹ã¨ã‚ã‚‹ (http://www.w3.org/TR/SVG11/linking.html#AElement)。ãŸã¨ãˆã°ã€

      <a xlink:href="http://www.pref.hokkaido.lg.jp/">
      <path id="HOKKAIDO"
            fill="#FF9999" stroke="black" stroke-width="1"
            onmouseover="this.setAttribute('fill','#AAAAFF')"
            onmouseout="this.setAttribute('fill', '#FF9999')"
            d="M 3710.00,548.00
               C 3712.67,557.33 3712.67,572.00 3720.00,580.67
                 (中略)
                 3046.00,185.00 3056.00,181.50 3056.00,181.50 Z" />
      </a>
    

    ã¨ã„ã†ä¾‹ã§ã¯ã€path エレメントã«å¯¾ã—ã¦ãƒªãƒ³ã‚¯ãŒä½œæˆã•ã‚Œã‚‹ã€‚Inkscape ã§èª­ã¿è¾¼ã‚“ã§ã‚‚ã€ã“ã®ãƒªãƒ³ã‚¯ã¯å‹•ä½œã—ãªã„ãŒã€ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã«ã‚ˆã£ã¦ã¯ãã¡ã‚“ã¨å‹•ã„ã¦ãれる。ãŸã¨ãˆã°ã€Firefox 2.0.0.1 ã§ã¯ã€ã“ã®åœ°å›³ã®å„県をクリックã™ã‚‹ã¨å„県åºã®ãƒšãƒ¼ã‚¸ã«ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ã€‚(é¢å€’ãã•ã„ã®ã§é–¢æ±ä»¥åŒ—ã—ã‹ä½œæˆã—ã¦ãªã„ã‘ã©ï¼‰

    上ã®ä¾‹ã§ã¯ã€ãƒžã‚¦ã‚¹ã‚’ã®ã›ã‚‹ã¨çœŒã®è‰²ãŒå¤‰ã‚ã‚‹ãŒã€ãã®ã¸ã‚“㯠http://www.w3.org/TR/SVG11/interact.html ã‚’å‚照。

    「外部ã«ã‚ã‚‹ SVG オブジェクトをダイナミックã«å¼•ç”¨ã§ãã¾ã›ã‚“ã®ã‚“?ã€

    use エレメント㮠href プロパティãªã‚“ãžã‚’使ã£ã¦å¤–部ファイルã«ã‚るオブジェクトを指定ã—ã¦ã‚‚ã€ç„¡è¦–ã•ã‚Œã‚‹ã€‚ã“ã®ç‚¹ã§ã¯ CSS ã® href ãŒä½¿ãˆã‚‹ã¨ã„ㆠSVG ã®è¦å®šã¯å®Ÿè£…ã•ã‚Œã¦ã„ãªã„ã®ã˜ã‚ƒã€‚

    (1) 一方ã€image エレメント㮠href プロパティ㫠SVG ファイルを指定ã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚ŒãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã¯ã‚Šã¤ã‘ã‚‹ã“ã¨ãŒã§ãる。ã¯ã‚Šã¤ã‘ã¦ã‹ã‚‰ã€ã‚‚ã¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’変更ã—ã€ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã«å¾©å¸°ã€ã‚’実行ã™ã‚‹ã¨ã€å¤‰æ›´ãŒå映ã•ã‚Œã‚‹ã®ã§ã€ã“ã‚ŒãŒå‹•çš„ã«è²¼ã‚Šä»˜ã‘られã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ãŒã‚ã‹ã‚‹ã€‚

    ãŸã ã—「ファイルã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ SVG ファイルを「インãƒãƒ¼ãƒˆã€ã™ã‚‹ã¨ã€ï¼ˆpng ファイルをインãƒãƒ¼ãƒˆã—ãŸã¨ãã¨é•ã£ã¦ï¼‰SVG オブジェクトをコピー&ペーストã—ãŸã®ã¨åŒã˜çµæžœã«ãªã£ã¦ã—ã¾ã†ã€‚

      <svg:image
         id="my_image"
         x="256"
         y="256"
         height="256"
         width="256"
         xlink:href="123.svg" />
    

    ãªã©ã®ã‚ˆã†ã« XML エディタã§ã‚„ã‚Œã°ã‚ˆã„。

    href ã®å€¤ã¯ã€ãŸã‚“ãªã‚‹ãƒ‘スã§ã‚ã‚‹å¿…è¦ãŒã‚る。

    (2) pattern エレメント㮠href プロパティã®å€¤ã¨ã—ã¦ã€å¤–部ã«ã‚ã‚‹ svg ファイルを用ã„ã‚‹ã“ã¨ãŒã§ãる。

      <defs
         id="my_defs">
        <pattern
           id="my_pattern"
           height="256"
           width="256"
           patternUnits="userSpaceOnUse"
           patternTransform="translate(0,0)">
          <image
             id="my_image"
             height="256"
             width="256"
             xlink:href="123.svg" />
        </pattern>
      </defs>
    

    ã¨ã‹ã€‚href ã®å€¤ã¯ã€ãŸã‚“ãªã‚‹ãƒ‘スã§ã‚ã‚‹å¿…è¦ãŒã‚る。

    「貼りã¤ã‘㟠png ç”»åƒãŒæ¶ˆãˆã¡ã¾ã£ãŸãœã€

    png ファイルをインãƒãƒ¼ãƒˆã™ã‚‹ã¨ã€img プロパティ㮠href 属性ã«ãƒ‘スを与ãˆã¦åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã‚’引用ã™ã‚‹ã¨ã„ã†å½¢ã§ã“ã‚ŒãŒå®Ÿç¾ã™ã‚‹ã€‚

        <image
           y="100"
           x="100"
           id="image1234"
           height="128"
           width="128"
           sodipodi:absref="/your/directory/your_picture.png"
           xlink:href="/your/directory/your_picture.png"
    />>
    

    ã®ã‚ˆã†ãªå½¢ã§å¼•ç”¨ã•ã‚Œã‚‹ï¼ˆãƒ“ルドã«ã‚ˆã£ã¦é•ã†ã‹ã‚‚)。xlink:href ã®å€¤ãŒçµ¶å¯¾ãƒ‘スã§æ›¸ã‹ã‚Œã‚‹ã®ã§ã€å¼•ç”¨ã—㟠png ç”»åƒã®å ´æ‰€ãŒå¤‰ã‚ã‚‹ã¨èª­ã¿è¾¼ã‚ãªããªã£ã¦ã—ã¾ã†ã€‚å‹ã ã¡ã«ã“ん㪠SVG 書類をã‚ã’ãŸã‚Šã—ãŸã‚‰ã€å½“然彼㮠Inkscape ã‹ã‚‰ã¯ãã® png ãŒè¦‹ãˆãªã„(firefox ã§ã‚‚見ãˆãªã„)。SVG ファイルã¨åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã« png ã‚’ç½®ã„ã¦ãŠã„ã¦ã‚‚ã ã€‚

    xlink:href ã®å€¤ã«ã¯ç›¸å¯¾ãƒ‘スを与ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€å¾“者ãŸã‚‹ png ç”»åƒã‚’主人ãŸã‚‹ SVG ç”»åƒã¨åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«æ”¾ã‚Šè¾¼ã‚“ã§ãŠã„ã¦ã€xlink:href ã®å€¤ã«ãŸã ãƒ•ã‚¡ã‚¤ãƒ«åã ã‘を書ã„ã¦ãŠãã€ãã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã”ã¨å‹ã ã¡ã«ã‚ã’ã‚Œã°ã€ã†ã¾ã読ã¿è¾¼ã‚る。xlink:href ã®å€¤ã¯ã€XML エディタã§ç·¨é›†ã—ã¦ã‚‚ã„ã„ãŒã€ç”»åƒã‚ªãƒ–ジェクトをé¸æŠžã—ã¦å·¦ã‚¯ãƒªãƒƒã‚¯ï¼ˆWindows ã§ã¯ã©ã†ã‹ãªï¼‰ã§ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸ã®ãƒ—ロパティã€ã‚’表示ã—ã€URL ã®ã¨ã“ã‚を編集ã™ã‚‹ã¨ç°¡å˜ã€‚

    SVG ã§ã¯ xlink:href ã®å€¤ã«ã¯ URL を与ãˆã‚‹ã“ã¨ãŒã§ãる。ã—ã‹ã—ã€Inkscape ã§ãれを表示ã§ããªã„。よã†ã™ã‚‹ã« Inkscape 㯠http クライアントã«ãªã£ã¦ã„ãªã„ã‚“ã ã€‚firefox ã®æ–°ã—ã„ã‚„ã¤ã¨ã‹ã§èª­ã‚€ã¨ã€ç”»åƒãŒè¡¨ç¤ºã§ããŸã‚ˆã€‚

    余談ãªãŒã‚‰ã€å‹äººã‹ã‚‰é€ã‚‰ã‚Œã¦ã㟠SVG ç”»åƒã«ã€å›ãŒç§˜å¯†ã«ã—ã¦ã„る写真ãŒã¯ã‚Šã¤ã‘ã¦ã‚ã£ãŸã¨ã—ã¦ã‚‚ã€ã‚ã‚ã¦ã¦ã¯ã„ã‘ãªã„。彼ã¯å›ã®ãƒ‘ソコンã®ã©ã“ã«ãã®ç”»åƒãŒã‚ã‚‹ã‹ã¨ã„ã†ã“ã¨ã ã‘を知ã£ã¦ã„ã¦ã€ãれを SVG ã«ã¯ã‚Šã¤ã‘ãŸã ã‘ã®ã“ã¨ã‹ã‚‚ã—ã‚Œãªã„。ãã†ã„ã†ã‚ã‘ã§ã€SVG 㯠jpeg ã‚„ ping より緊張感をもã£ã¦æ‰±ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚“ã ã€‚ã‚‚ã†ä¸€ã¤è¨€ã£ã¦ãŠãã¨ã€Inkscape ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ xlink:href ã«çµ¶å¯¾ãƒ‘スãŒæ›¸ãè¾¼ã¾ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã¯ã€ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å‹äººã«ã‚ã’ã‚‹ã¨ã€å½¼ã¯ã‚ãªãŸã®ãƒ‘ソコンã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã®å°‘ãªãã¨ã‚‚一部を知るã“ã¨ã«ãªã‚‹ã‚ˆã­ã€‚ã‚‚ã£ã¨ã‚‚ã€ã“ã‚Œã¯éžå¸¸ã«å¤šãã®ã‚¢ãƒ—リケーションã«ã‚ã‚‹ç½ ãªã‚“ã ãŒã€‚

    「png データを SVG ã«ç›´æŽ¥åŸ‹ã‚è¾¼ã‚ãªã„ã‹ã—らã€

    ã†ã¡ã® Inkscape ã«ã¯ã€æ‹¡å¼µã‚¹ã‚¯ãƒªãƒ—ト㧠Embed All Images (Effects → ç”»åƒï¼‰ã£ã¦ã®ãŒã¤ã„ã¦ãã¦ã‚‹ã€‚ã“れを実行ã™ã‚‹ã¨ã€

        <image
           height="136"
           width="136"
           id="image1928"
           xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAACICAYAAAA8uqNSAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
    AAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAB00SURB
    (中略)
    i9Xu7/8Hkv5/AB6zObkAAAAASUVORK5CYII=
    "
           y="370.07657"
           x="277.71426" />
    

    ãªã©ã¨ãªã£ã¦ã€xlink:href ã®å€¤ãŒãƒ‡ãƒ¼ã‚¿ãã®ã‚‚ã¨ã¨ãªã‚Šã€ã‹ãã—ã¦ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ‡ãƒ¼ã‚¿ãŒ SVG ã«åŸ‹ã‚è¾¼ã¾ã‚Œã‚‹ã€‚ã¾ãŸã€Extract One Image ã§ã€é¸æŠžä¸­ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‹ã‚‰ png ファイルを作æˆã™ã‚‹ã“ã¨ã‚‚ã§ãる。

    ã“ã‚ŒãŒã©ã†è¦æ ¼ã•ã‚Œã¦ã„ã‚‹ã‹ã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—トãŒä½•ã‚’ã‚„ã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦ã¯ã€ãã®ã†ã¡èª¿ã¹ã¦ã¿ã¾ã™ã€‚ã§ã‚。

    パスã®å¤–å´ï¼ˆã¾ãŸã¯å†…å´ï¼‰ã«è¼ªéƒ­ç·šã‚’æããŸã„ã®ã ãŒï¼Ÿ

    ã§ããªã„。

    ノードã£ã¦åŒæ™‚ã«ã„ãã¤ã‚‚é¸æŠžã§ããªã„ã®ï¼Ÿ

    シフトを押ã—ãªãŒã‚‰ãƒŽãƒ¼ãƒ‰ã‚’ノード・ツールã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã„ãã‹ã€ã‚ªãƒ–ジェクトãŒé¸æŠžã•ã‚ŒãŸçŠ¶æ…‹ã§ã€Œãƒ‘スï¼ãƒŽãƒ¼ãƒ‰ã€ãƒ„ールを使ã£ã¦çŸ©å½¢é¸æŠžã—ã¦ã‚„ã‚Œã°ã‚ˆã„。

    é‡ãªã£ãŸãµãŸã¤ã®ãƒŽãƒ¼ãƒ‰ã‚’é¸æŠžã™ã‚‹ã¨ã€ã¾ã‚‹ã§ä½•ã‚‚é¸æŠžã—ã¦ã„ãªã„ã‹ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã§æ³¨æ„。

    ãã‚Œã§ã‚‚åŒæ™‚ã«é¸æŠžã§ããªã„ノードãŸã¡ã¯ã€åˆ¥ã€…ã®ãƒ‘スã«å±žã—ã¦ã„る。「パスã€â†’「連çµã€ã‚’使ã„ã€ä¸€ã¤ã®ãƒ‘スã®ã‚µãƒ–パスã¨ã—ã¦åŒæ–¹ã‚’å–り込んã§ã‚„ã‚Œã°é¸æŠžã§ãるよã†ã«ãªã‚‹ã€‚ãŸã ã—ã€ã€Œé€£çµã€ã‚’使ã†ã¨ã€å††ã‚„四角形ã¨ã„ã£ãŸç‰¹åˆ¥ãªæ€§è³ªã‚’æŒã£ã¦ã„ãŸå›³å½¢ãŒä¸€èˆ¬çš„ãªãƒ‘スã«ç½®ã変ã‚ã‚‹ã®ã§æ³¨æ„ã‚’è¦ã™ã‚‹ã€‚

    オブジェクトをロックã—ãŸã‚‰é¸æŠžã§ããªããªã£ãŸãž

    オブジェクトをé¸æŠžã—ã¦å³ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã€Œãƒ­ãƒƒã‚¯ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚‹ã®ã§ã€ã“ã‚Œã«ãƒã‚§ãƒƒã‚¯ã‚’入れるã¨ã€ãã®ã‚ªãƒ–ジェクトã¯ã„ã‹ãªã‚‹æ“作もå—ã‘ã¤ã‘ãªããªã‚‹ã€‚ã—ã‹ã—ã€ãã®ã‚ªãƒ–ジェクトã¯é¸æŠžã•ãˆã§ããªããªã‚‹ã®ã§ã€ãƒ­ãƒƒã‚¯ã‚’解除ã™ã‚‹ãŸã‚ã«å³ã‚¯ãƒªãƒƒã‚¯ã‚’使ã†ã“ã¨ã‚‚ã§ããªã„。

    方法 1。「Inkscape ã®è¨­å®šã€ã‹ã‚‰ã€Œé¸æŠžã€ã‚¿ãƒ–を押ã—ã€ã€Œãƒ­ãƒƒã‚¯ã•ã‚ŒãŸã‚ªãƒ–ジェクトをé¸æŠžã—ãªã„ã€ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã™ã€‚

    方法 2。「編集ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€ŒXML エディタã€ã‚’é¸æŠžã—ã¦ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’é–‹ãã€sodipodi:insensitive 属性ã®å€¤ã‚’ true ã‹ã‚‰ false ã«ã™ã‚‹ã“ã¨ã§ã‚る。

    見ãˆãªã„オブジェクトã¯é¸æŠžã§ããªã„?

    オブジェクトãŒè¦‹ãˆãªã„ゆãˆã«ï¼ˆãƒ•ã‚£ãƒ«ãªã—ã€è¼ªéƒ­ãªã—ãªã©ã§ï¼‰é¸æŠžã§ããªã„å ´åˆã¯ã€ãã®ã‚ªãƒ–ジェクトをå«ã‚€ã‚ˆã†ã«çŸ©å½¢é¸æŠžã—ã¦ã‚„ã‚‹ã¨ã‚ˆã„。ã‚ã‚‹ã„ã¯ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œã™ã¹ã¦é¸æŠžã€ã‚’è¡Œã†ã¨ã€é¸æŠžã•ã‚Œã‚‹ã€‚奥ã®æ‰‹ã¨ã—ã¦ã¯ã€ŒXML エディタã€ãŒä½¿ãˆã‚‹ã€‚

    Adobe Illustrator ã®ã€Œã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã€è¡¨ç¤ºãƒ¢ãƒ¼ãƒ‰ã¿ãŸã„ãªã®ã¯ãªã„ã®ã‹ï¼Ÿ

    Adobe Illustrator ã«ã¯ã€ãƒ—レビューã¨ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®äºŒã¤ã®è¡¨ç¤ºæ–¹æ³•ãŒã‚ã‚Šã€å‡ºæ¥ä¸ŠãŒã‚Šç”»åƒè¡¨ç¾ã‚’ã€å¾Œè€…ã¯å¤ªã•ã‚„å¡—ã‚Šã®ãªã„表ç¾ã‚’得る。後者を使ãˆã°å¤ªã•ã‚¼ãƒ­ã®ç·šåˆ†ã‚‚見るã“ã¨ãŒã§ãる。

    Inkscape ã§ã‚‚ã€0.44 以後ã“ã‚Œã«ä¼¼ãŸæ©Ÿèƒ½ãŒåŠ ã‚ã£ãŸã€‚

    「変形ã€ï¼ˆãƒˆãƒ©ãƒ³ã‚¹ãƒ•ã‚©ãƒ¼ãƒ ï¼‰ã‚’使ã‚ãªã„ã§ã‚ªãƒ–ジェクトを移動・変形ã•ã›ãŸã„

    「Inkscape ã®è¨­å®šã€ã‹ã‚‰ã€Œå¤‰å½¢ã€ã‚¿ãƒ–。「transform属性を使ã‚ãªã„ã€ã‚’ãƒã‚§ãƒƒã‚¯ã€‚

    拡大・縮å°ã«ã¤ã„ã¦ã¯ã€ç§ã®ç’°å¢ƒã§ã¯ Inkscape ã‚’å†èµ·å‹•ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã€‚

    「ベジエ曲線ï¼ç›´ç·šã€ã€Œé•·æ–¹å½¢ã‚„正方形ã€ã«ã¯åŠ¹ã„ãŸãŒã€ã‚°ãƒ«ãƒ¼ãƒ—化ã•ã‚ŒãŸã‚‚ã®ã‚„ã€ã€Œå††ï¼å¼§ã€ã€ã€Œæ˜Ÿåž‹ï¼ãƒãƒªã‚´ãƒ³ã€ã«ã¯åŠ¹ã‹ãªã‹ã£ãŸã€‚

    オブジェクトを拡大ã™ã‚‹ã¨ã€è¼ªéƒ­ç·šã¾ã§å¤ªããªã£ã¡ã¾ã†ã‚“ã ãŒï¼Ÿ

    「Inkscape ã®è¨­å®šã€ã‹ã‚‰ã€Œå¤‰å½¢ã€ã‚¿ãƒ–。「線ã®å¹…を拡大ï¼ç¸®å°ã€ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã™ã€‚(ç§ã®ç’°å¢ƒã§ã¯ Inkscape ã‚’å†èµ·å‹•ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã€‚)

    クローンã«ã¯ã€ã“ã‚ŒãŒåŠ¹ã‹ãªã„。

    オブジェクトを拡大ã™ã‚‹ã¨ãã€ã‚ªãƒ–ジェクトã®ä¸­å¿ƒã‚’基準ã«ã—ãŸã„ãž

    シフトキーを押ã—ãªãŒã‚‰ãƒžã‚¦ã‚¹ã‚’使ã£ã¦æ‹¡å¤§ã—ã¦ã‚„る。

    円ã®ä¸­å¿ƒã‚’グリッドやガイドã«åˆã‚ã›ãŸã„

    グリッドã®è¨­å®šã§ã€ŒãƒŽãƒ¼ãƒ‰ã‚’グリッドã«åˆã‚ã›ã‚‹ã€ã«ã™ã‚‹ã¨ã€ä¸­å¿ƒãŒã‚°ãƒªãƒƒãƒ‰ã«å¸ç€ã€‚円を移動ã™ã‚‹ã¨ãã«ä¸­å¿ƒãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ãŒæ®‹å¿µã€‚

    円ï¼æ¥•å††ã§ã‚‚ã€ã‚¯ãƒ­ãƒ¼ãƒ³ã«ã¯ã€ã“ã‚ŒãŒåŠ¹ã‹ãªã„。

    円ï¼æ¥•å††ä»¥å¤–ã®ã‚ªãƒ–ジェクトã«ã¯ã€ã“ã‚ŒãŒåŠ¹ã‹ãªã„。

    è£æŠ€çš„ã«ã¯ã€ç›®çš„ã®ç‚¹ã‚’中心ã«å††ãªã‚Šå››è§’å½¢ãªã‚Šãƒ€ãƒŸãƒ¼ã®ã‚ªãƒ–ジェクトを作æˆã—ã¦ã€Œã‚ªãƒ–ジェクトã€â†’「整列ï¼é…ç½®ã€ã‚’使ã£ã¦ã€ãƒ€ãƒŸãƒ¼ã‚’基準ã«ç¸¦æ¨ªä¸¡æ–¹å‘ã«ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã‚’è¡Œã†ã€‚ã“ã‚Œã¯ã€ã•ã¾ã–ã¾ãªã‚ªãƒ–ジェクトã«ã¤ã„ã¦å¯èƒ½ã€‚

    円ã¨å››è§’å½¢ã®ä¸­å¿ƒã‚’ãã‚ãˆãŸã„

    「オブジェクトã€â†’「整列ï¼é…ç½®ã€ã‚’使ã£ã¦ã€ç¸¦æ¨ªä¸¡æ–¹å‘ã«ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã‚’è¡Œã†ã€‚

    Adobe Illustrator ã®ãƒ–レンドã®ã‚ˆã†ãªæ©Ÿèƒ½ã¯ã‚ã‚‹ã®ã‹ï¼Ÿ

    ãã‚“ãªæ´’è½ãŸã‚‚ã®ã¯ãªã„。

    グループ化ã•ã‚ŒãŸå†…å´ã«ã‚るオブジェクトをé¸æŠžã—ãŸã„

    é¸æŠžã—ãŸã‚ªãƒ–ジェクトãŒãƒ‘スã§ã‚ã‚‹ãªã‚‰ã€å˜ç´”ãªçŸ¢å°ã§è¡¨ç¾ã•ã‚Œã¦ã„ã‚‹é¸æŠžãƒ„ールã§ãªã「パス(ï¼ãƒŽãƒ¼ãƒ‰ï¼‰ã€ãƒ„ールã§ãã®ã‚ªãƒ–ジェクトã®è¼ªéƒ­ã‚’クリックã—ã¦ã‚„ã‚Œã°ã‚ˆã„。

    コãƒã‚¯ã‚¿ã£ã¦ä½•ï¼Ÿ

    二ã¤ã®ã‚ªãƒ–ジェクトをã¤ãªãç·šã§ã‚る。オブジェクトを移動ã•ã›ã‚‹ã¨ã€ã‚³ãƒã‚¯ã‚¿ã‚‚ãれを追ã£ã¦ç§»å‹•ã™ã‚‹ã€‚コãƒã‚¯ã‚¿ã¯å¿…ãšæŽ¥ç¶šã•ã‚Œã‚‹ã‚ªãƒ–ジェクトã®ä¸­å¿ƒã‚’通るよã†ã«å¼•ã‹ã‚Œã‚‹ã®ã§ã€dia ã®ã‚ˆã†ãªãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‚¨ãƒ‡ã‚£ã‚¿ã§ä½œæ¥­ã—ãŸã»ã†ãŒæ„ã«æ·»ã†ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚。(ã¡ãªã¿ã« dia 㯠SVG 出力ã§ãã¾ã™ï¼‰ã€‚

    コãƒã‚¯ã‚¿ã¯ã€æŒ‡å®šã•ã‚ŒãŸã‚ªãƒ–ジェクトを自動的ã«é¿ã‘ã¦é€šã‚‹ã‚ˆã†ã«ã‚‚ã§ãる。コãƒã‚¯ã‚¿ãƒ„ールã§å§‹ç‚¹ã¨çµ‚点を指定ã—ã¦ä½œæˆã€‚コãƒã‚¯ã‚¿ã‚’オブジェクトをé¿ã‘ã‚‹ã‹ã©ã†ã‹ã¯ã€ã‚ªãƒ–ジェクトã®å±žæ€§ã‚‰ã—ã„。

    é¿ã‘ã•ã›ã‚‹ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã™ã‚‹ã€‚ã¾ãšé¿ã‘ãŸã„オブジェクトをé¸æŠžã—ã¦ãŠãã€ã‚³ãƒã‚¯ã‚¿ãƒ„ールをé¸ã³äºŒã¤ã®ãƒ„ールãƒãƒ¼ãƒœã‚¿ãƒ³ã‚’表示ã•ã›ã‚‹ã€‚ãã®ã†ãˆã§ã€Œé¿ã‘ã¦ã„ã‚‹ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ä»¥å¾Œãã®ã‚ªãƒ–ジェクトã¯ã‚³ãƒã‚¯ã‚¿ã«é¿ã‘られるよã†ã«ãªã‚‹ã€‚

    ○角形を作りãŸã„

    ãƒãƒªã‚´ãƒ³ãƒ„ール(星型ã®ãƒœã‚¿ãƒ³ï¼‰ã‚’é¸æŠžã—ã€ãƒ„ールãƒãƒ¼ã®ã€Œè§’:ã€ã®ã¨ã“ã‚ã«ã€æ•°å­—を入れã¦ã‚„る。

    ãŸã¨ãˆã°ã€ãƒ„ールãƒãƒ¼ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã§ãƒãƒªã‚´ãƒ³ã‚’é¸æŠžã™ã‚‹ã¨ã€å˜ç´”ãªäº”角形ãŒã§ãる。ãƒã‚§ãƒƒã‚¯ã‚’外ã™ã¨ã€æ˜Ÿåž‹ã‚’作るãŸã‚ã®ã‚³ãƒ³ãƒˆãƒ­ãƒ¼ãƒ«ãƒã‚¤ãƒ³ãƒˆãŒã§ãる。オブジェクトをé¸æŠžã—ãŸçŠ¶æ…‹ã§ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ãƒã‚§ãƒƒã‚¯ã—ãŸã‚Šå¤–ã—ãŸã‚Šã™ã‚‹ã¨ã€ã“ã®äºŒã¤ã®çŠ¶æ…‹ã‚’相互ã«è¡Œãæ¥ã§ãる。

    「背景色を設定ã—ãŸã„ã‚“ã˜ã‚ƒãŒã€

    SVG ã«ã¯èƒŒæ™¯è‰²ã¨ã„ã†æ¦‚念ãŒãªã„。背景色ã¯ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã«ä»»ã•ã‚Œã¦ã„る。

    一方ã€Inkscape ã® Document Properties ダイアログ・ボックスã«ã¯ã€General ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã« Background ã¨ã„ã†é …ç›®ãŒã‚ã‚Šã€èƒŒæ™¯è‰²ã¨ãã®ä¸é€æ˜Žåº¦ã‚’設定ã§ãるよã†ã«ãªã£ã¦ã„る。

    ã“ã®ã€ŒèƒŒæ™¯è‰²ã€ã¯ã€SVG ã®è¦æ ¼ã«ã¯ãªã„情報を Inkscape ãŒæ›¸ã加ãˆã¦ã„ã‚‹ã®ã§ã‚る。ã“れを Inkscape SVG ã§ä¿å­˜ã—ãŸã‚‚ã®ã‚’見るã¨ã€ãŸã¨ãˆã°æ¬¡ã®ã‚ˆã†ã«ä¿å­˜ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚

      <sodipodi:namedview
         (中略)
         inkscape:pageopacity="0.7254902"
         (中略)
         bordercolor="#666666"
         (中略)
       />
    

    ã“ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ SVG 外ã§ã‚ã‚‹ã‹ã‚‰ã€ä»–ã®ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§èª­ã¿è¾¼ã‚“ã å ´åˆã«ã¯ã€ã»ã¨ã‚“ã©ã®å ´åˆç„¡è¦–ã•ã‚Œã‚‹ã€‚ã¾ãŸã€Inkscape ã§ã‚‚ Plain SVG ã§ä¿å­˜ã™ã‚‹ã¨ã€ã“ã®èƒŒæ™¯è‰²æƒ…å ±ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ãè¾¼ã¾ãªã„。

    ãªãŠã€ã“ã®ã€ŒèƒŒæ™¯ã€è¨­å®šã¯ png å½¢å¼ã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã™ã‚‹ã¨ãã®èƒŒæ™¯ã«ã‚‚使ã‚れるã®ã§ã€è³¢ã活用ã™ã‚Œã°ä¾¿åˆ©ãªã‚‚ンã§ã™ã€‚ã¾ãŸã€ã“ã®è‰²ã‚’設定ã—ã¦ãŠã㨠Inkscape ã§ã®ä½œæ¥­ä¸­ã€ãƒ•ã‚£ãƒ«ãŒã€Œãªã—ã€ã‹ã€Œç™½ã€ã‹ãŒè¦‹ãŸç›®ã§åŒºåˆ¥ã§ãるよã†ã«ãªã‚‹ã®ã§ä¾¿åˆ©ãªã“ã¨ã‚‚ã‚る。

    「オブジェクトãŒã‚³ãƒ”ペã§ããªã„よã€

    コピー対象ã®ã‚ªãƒ–ジェクトãŒã€ã‚¯ãƒ­ãƒ¼ãƒ³ã ã¨é§„ç›®ã ã‚ˆã€‚クローンを解除ã—ã¦ã¿ã‚ˆã†ã€‚

    「クローンãŒè§£é™¤ã§ããªã„よã€

    グループを解除ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚。

    「別ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ãŸã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ã‚³ãƒ”ペã§ããªã„よã€

    ç§ã®ä½¿ã£ã¦ã„ã‚‹ Linux 版ã®è©±ã‚’ã—ã¾ã›ã†ã€‚ã™ã¾ã‚“。ウã®ã¤ãOSã®ã“ã¨ã¯ã‚ã‹ã‚‰ã‚“。

    åŒã˜ãƒ—ロセスã§äºŒã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ã¦ã‚‚ã€åˆ¥ã®ãƒ—ロセスã§äºŒã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ã¦ã‚‚ã€è¦‹ã‹ã‘ã¯å¤‰ã‚らんã®ã§ã™ã‚ˆã€‚ãŸã‚“ã«ã€äºŒã¤ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒã‚ã‚‹ã®ã§ã™ã‹ã‚‰ã€‚ã§ã‚‚ã€åˆ¥ãƒ—ロセスã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ã¯ã€ã‚ªãƒ–ジェクトã®ã‚³ãƒ”ペã¯ã§ãã¾ã›ã¬ã€‚ã¡ãªã¿ã«ã€åŒã˜ãƒ—ロセスã§é–‹ã„ãŸè¤‡æ•°ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¯ã€ã€Œè¡¨ç¤ºã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œå‰ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€ã€Œæ¬¡ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€ã§ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’切り替ãˆã‚‰ã‚Œã¾ã™ã€‚

    二ã¤ç›®ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‹ã‚‰æ–°ãŸãª Inkscape ã‚’èµ·å‹•ã—ã¦é–‹ãã®ã§ã¯ãªãã€ã™ã§ã«ç«‹ã¡ä¸ŠãŒã£ã¦ã„ã‚‹ Inkscape ã®ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€â†’「開ãã€ã‚’使ã£ã¦é–‹ãよã†ã«ã™ã‚Œã°ã€ã‚³ãƒ”ペã§ãã‚‹ã£ã¦ã“ã¨ã€‚

    「別㮠SVG ファイルをインãƒãƒ¼ãƒˆã—ãŸã‚‰è‰²ãŒå¤‰ï¼ã€€ã‚³ãƒ”ペã—ã¦ã‚‚ã‚„ã£ã±ã‚Šå¤‰ï¼ã€

    ã“ã‚“ãªã“ã¨ã‚‚考ãˆã‚‰ã‚Œã‚‹ã‹ã‚‚。ãŸã¨ãˆã°ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’オブジェクトã«é©ç”¨ã—ã¦ã„ã‚‹ã¨ã—ã¾ã›ã†ã€‚グラデーションエレメントã«ã¯ id ãŒã‚る。インãƒãƒ¼ãƒˆã•ã‚Œã‚‹ã‚ªãƒ–ジェクトã«ã‚‚ã¨ã‚‚ã¨é©ç”¨ã•ã‚Œã¦ã„ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã® id ã¨ã¡ã‚‡ã†ã©åŒã˜åå‰ã® id ã‚’ã€ã‚¤ãƒ³ãƒãƒ¼ãƒˆã—ãŸå´ã§ã‚‚グラデーション㮠id ã¨ã—ã¦ä½¿ã£ã¦ã„ãŸå ´åˆã€å¾Œè€…ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒãŒã‚¤ãƒ³ãƒãƒ¼ãƒˆã•ã‚ŒãŸã‚ªãƒ–ジェクトã«ã‚‚é©ç”¨ã•ã‚Œã¦ã—ã¾ã†ã®ã ã€‚

    今ã®ã¨ã“ã‚ã€ç§ã¯ã“ã®è§£æ±ºæ–¹æ³•ã‚’知らんã§ã™ã€‚グラデーションエレメントもオブジェクトã¨ã„ã£ã—ょã«ã‚¤ãƒ³ãƒãƒ¼ãƒˆã—ã¦ã€id ãŒè¡çªã—ãŸã¨ãã«æ–°ãŸãª id を割り振るよã†ãªã“ã¨ãŒã§ãã‚‹ã¨ã‚ˆã„ã®ã˜ã‚ƒãŒã€‚

    ã¨ã‚Šã‚ãˆãšã€xslt ã¨ã‹ã€ã‚‚ã£ã¨åŽŸå§‹çš„ã«ã¯ sed ãªã‚“ã‹ã‚’使ã£ã¦ã€äºŒã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®é–“㧠id ãŒé‡ãªã‚‰ãªã„よã†ã« id を変更ã—ã¦ã—ã¾ãˆã°ã‚ˆã‹ã‚ã†ã‹ã¨æ€ã†ï¼ˆid ã®å‰ã«ãƒ•ã‚¡ã‚¤ãƒ«åã‚’ãã£ã¤ã‘ã¦æ–°ã—ã„ id ã«ã™ã‚‹ã¨ã‹ï¼‰ã€‚

  • ——目次——
    HOME
    ├雑文
    ├写真
    ├å£ç´™
    ├馬鹿
    ├読書
    ├語学
    │├英語
    │└日本語
    ├電算
    ├地ç†
    │└白地図
    └ブログ