画像/SVG

Q4
実線の線描
[内容]
線を引きたい

A4
[解決方法]
Biz/Browserでは線に対応するGUIオブジェクトがありません。
SVGを利用して、FormやTabForm、Docオブジェクトに任意の線を表示することは可能です。

Form、TabFormオブジェクトでは、Bgpatternプロパティに、Docオブジェクトでは、
Overlayプロパティに線の描画をするSVGを指定することで表示出来ます。

SVGの表示では、描画する順番に注意が必要です。
FormクラスのBgpatternプロパティ、TabFormクラスのBgpatternプロパティは、背景として
描画するので、SVGの線画はボタンなどに隠れてしまいますが、DocクラスのOverlay
プロパティは、全てのオブジェクトの上に描かれます。


[サンプルコード]
/*sample_svgという名前をつけたxmlDocumentオブジェクトを
Doc.OverLayプロパティにセットします。*/
Doc demo {
    xmlDocument sample_svg << xml <<-
    <?xml version="1.0"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg width="500" height="500">
    <line x1="48" y1="66" x2="316" y2="110"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <line x1="311" y1="125" x2="118" y2="228"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <path
    d="M231.273 396.727 C227.281 396.727 224.045 396.727
    224.045 396.727 C224.045 404.71 227.281 411.182 231.273
    411.182 C243.247 411.182 252.955 404.71 252.955 396.727
    C252.955 380.761 243.247 367.818 231.273 367.818 C211.315
    367.818 195.136 380.761 195.136 396.727 C195.136 420.676
    211.315 440.091 231.273 440.091 C259.213 440.091 281.864
    420.676 281.864 396.727 C281.864 364.795 259.213 338.909
    231.273 338.909 C195.349 338.909 166.227 364.795 166.227
    396.727 C166.227 436.642 195.349 469 231.273 469 C275.179
    469 310.773 436.642 310.773 396.727 C310.773 348.83 275.179
    310 231.273 310"
    transform="matrix(2.34528 0 0 1 -320.85 1.03251e-013)"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <line x1="244" y1="208" x2="431" y2="208"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <line x1="244" y1="246" x2="436" y2="246"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <line x1="292" y1="164" x2="292" y2="310"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    <line x1="402" y1="164" x2="402" y2="308"
    style="fill:none;stroke:rgb(0,0,0);stroke-width:2"/>
    </svg>->>;
    /*上記のxmlDocumentをDoc.OverLayにセット*/
    OverLay = sample_svg;
}

CRSファイル形式のサンプルを
  「実線の描画サンプル(Pct_004.zip)
よりご利用いただけます。

管理番号:Pct_004
  Biz-Collections Bizの宝箱 トップへ
  Biz/Browser・Biz/Designer TIPS集 トップへ