mieki256's diary

2014/06/01(日) [n年前の日記]

2014/06/02(月) [n年前の日記]

#1 [cg_tools] Drawgraphic 2を購入してみた

#1 [dxruby][ruby][cg_tools] DXRubyとcairoでswfのシェイプを描画してみる実験

#1 [cg_tools] Drawgraphic 2を購入してみた

#1 [dxruby][ruby][cg_tools] DXRubyとcairoでswfのシェイプを描画してみる実験

#2 [cg_tools] フリーで使えるドローソフトを試用してみたり

#3 [anime][neta] 「謎の支援者」ネタ

#1 [ruby] メモリマップドファイルについて勘違いしてた

#2 [dxruby] cairoの出力結果をファイルを作らずにDXRubyに渡せた

#3 [ruby][dxruby] DXRuby と cairo と rsvg2 で svgを描画して表示してみたり

#4 [ruby] bundlerについて勉強

#5 [cg_tools] Ipx、TpX、LaTeXDrawを試用

#1 [dxruby][ruby] Ruby 1.9.3 上に rsvg2 2.0.2 を入れようとしたのだけど

#2 [cg_tools] Linux上で動作するドローソフトをいくつか試用したり

#3 [dxruby] 射影変換について勉強中

#1 [dxruby] DXRuby上で射影変換ができた

#2 [ruby] RubyのStructって速度的にはどうなんだろう

#1 [cg_tools] G.CREW5を試用してみたり

#2 [cg_tools] Paintgraphic 2 Pro を購入してみたり

#3 [cg_tools] ペイントソフトの起動時間を測定してみた

#4 [dxruby] DXRubyのShaderについて勉強中

#1 [dxruby] DXRubyでラスタースクロール処理に再チャレンジ

#1 [dxruby] Shader勉強中

#2 [zatta][neta] 自分の感覚がおかしくなってる気がする

#1 [dxruby] DXRubyのShaderで射影変換

#2 [ruby] NMatrixについて調べてたり

#1 [ruby] 配列に入ってる整数を全て実数にしたい

#2 [ruby] NArrayをインストールしてみた

#3 [ruby] docoptが気になる

#1 [neta] SwiftのWindows版って無いのかなあ

#2 [ruby] 8x8行列と、4x4行列と2x2行列と、Matrixと、NMatrix

#3 [windows] Windows 98上で動くPDF出力仮想プリンタとPDFビューワ

#4 [nitijyou] 自転車で買い物に

#1 [windows] Wordでアルバム一覧っぽいページを作るにはどうしたらいいんだろう

#2 [zatta] 画像の縦横比を気にしない人をたまに見かけるのは何故なんだろう

#1 [pc] OpenOfficeのマクロを勉強中

#1 [libreoffice] OpenOffice/LibreOffice Writerでアルバムページを作成するマクロ

◎ 操作時の反応。 :

◎ 問題点。 :

◎ 起動時にエラーが出る問題。 :

◎ 半透明機能は存在してた。 :

この記事へのツッコミ

◎ メモリマップドファイルは使えないかな。 :

◎ DXRuby + cairo の組み合わせ。 :

◎ 操作時の反応。 :

◎ 問題点。 :

◎ 起動時にエラーが出る問題。 :

◎ 半透明機能は存在してた。 :

この記事へのツッコミ

◎ メモリマップドファイルは使えないかな。 :

◎ DXRuby + cairo の組み合わせ。 :

◎ Dynamic Draw を試用。 :

◎ グリッドをどの階層に描画するかという問題。 :

◎ ParaDrawを試用。 :

◎ pdr/swf/svg関係の変換ツール。 :

◎ J.S Draw を試用。 :

この記事へのツッコミ

◎ Ruby 2.x の場合。 :

◎ Ruby 1.9.x の場合。 :

◎ 実験に使ったソース。 :

◎ Ipeを試用。 :

◎ TpXを試用。 :

◎ LaTeXDrawを試用。 :

◎ karbonを試用。 :

◎ Xfigを試用。 :

◎ Tgifを試用。 :

◎ sk1も試してみたかったのだけど。 :

◎ 問題点。 :

◎ 参考ページ。 :

◎ Windows7 x64にインストールを試みたけど。 :

◎ 感想・印象。 :

◎ LibreOfficeの動作がちと怪しい。 :

◎ G.CREW5に添付されてるクリップアートのライセンスが分からない。 :

◎ 画像を作る際のコツ。 :

◎ スクリプトはこんな感じに。 :

◎ 速度を測定してみた。 :

◎ SciRuby の narray-nmatrix もインストールしてみた。 :

◎ 仮想プリンタ。 :

◎ PDFビューワ。 :

◎ 解凍ツール。 :

◎ ブラウザ。 :

◎ 自分も Word で試してみたり。 :

◎ OpenOffice Draw で作業してもらったり。 :

◎ ダミーテキストの作成。 :

◎ アルバムページ作成マクロを書きたい。 :

◎ 入門。ハローワールド。 :

◎ LibreOfficeの「Basic IDE オプション」が気になる。 :

◎ ハマった点。 :

この記事へのツッコミ

◎ 概要。 :

Drawgraphic 2 は、SOURCENEXTから販売されてる、1,980円のドローソフト。1000円割引券とやらを貰えるキャンペーン？があったので購入してみたり。前々から気になってたけど踏ん切りがつかなかったわけで。

感想というか、結論を先に書くけど。Drawgraphic 2 は、ドローソフトのふりをしている、ビットマップ画像編集ソフトじゃないかなと…。買うんじゃなかった。騙された。

操作時の反応は、結構キビキビしてる印象。

Inkscape のように、何をするにしてもワンテンポ遅れる、ということはなく。
LibreOffice Draw のように、何かオブジェクトを追加するたびにモードが変わってしまう、てなこともなく。

作業自体はサクサクできる、ほうだと思う。起動も速い。そのあたりは大変グッドなのだけど…。

数時間触ってたら、問題点がポロポロと。

png等、ビットマップ画像で保存する際、アンチエイリアスをかけてくれない。ドローソフトのくせして、出力結果までジャギってるのは酷い。
画像として保存する際に、背景を透明にできない。必ず、何かの色と合成されてしまう。これではアルファチャンネルを持った素材画像を作れない。
半透明塗りが無い。と思う。たぶん。
保存ファイル(.fda)をダブルクリックしても開けない。「プログラムにコマンドを送信しているときに、エラーが発生しました。」とエラーメッセージが表示される。有償ソフトなのに、こういうレベルで不具合が出るとゲンナリする…。
ビットマップ画像フォーマットは、そこそこの種類に対応してるのに、ベクターデータフォーマットへの対応数が少ない。ドローソフトなのに…。例えば、svg未対応なあたりは、今時厳しい気がする。
pdf保存ができる時と、できない時がある。特定の図形が入っていたり、特定の操作をすると、保存できなくなる？
epsで保存してみたら、ベクターデータのはずなのに、ファイルサイズが数十MBもあった。そして、GIMP や Inkscape で該当epsを開いてもアンチエイリアスがかかっていない。要するに、このソフト、レンダリングしたビットマップ画像をそのまま eps 内に突っ込んで「eps保存しました」と嘯いてる。
emfで保存して Inkscape で読み込んでみたら、縦横比はおかしいわ、線の変更等もまともにできないわで。(もっとも、これは Inkscape のほうにも原因がありそうな気もするけど…)

ベクターデータ(eps)として保存したつもりが、実は中身はビットマップ画像でした！ババァーン！てのは、さすがに酷過ぎると思いました。お前、本当にドローソフトなの？

でもまあ、巨大なビットマップ画像として保存して、別のソフトで縮小処理をして、とかしてやれば使い道があるかも…と思ったら 342 dpi が指定できる最大値のようで。ダメだこりゃ。さすがソースネクスト。いや、メンテナンスしてるのはファンファーレだと思いますけど。

まあ、元が古いソフトらしいので、仕方ないのかも。値段も安いし。

.fda をダブルクリックすると、「プログラムにコマンドを送信しているときに、エラーが発生しました。」とエラーメッセージが表示されて開けない件だけど。解決できないか四苦八苦。ちなみに環境は Windows7 x64。

DOS窓で以下を打った。

> assoc .fda
.fda=Scribe.Designing

> ftype Scribe.Designing
Scribe.Designing="C:\Program Files (x86)\SOURCENEXT\DrawGraphic2\DrawGr2.exe" /dde

「/dde」が指定されてるあたりが怪しい。というのも、件のエラーメッセージでググると、えてして Excel で同様の問題が起きる事例に遭遇するわけで。そこでも DDE (Dynamic Data Exchange) が絡んでるらしくて。

とりあえず、管理者権限でDOS窓を開いて、以下のように変更。

> ftype Scribe.Designing="C:\Program Files (x86)\SOURCENEXT\DrawGraphic2\DrawGr2.exe" "%1"

/dde を使わずに、"%1" でファイルのパスを渡すように、関連付けを変更、とでも言えばいいのかな…。

ダメだった。相変わらず同じエラーが出る。ただし、以前はファイルすら開けなかったのが、今回はエラーメッセージが出ている裏で、一応ファイルを開いている状態になった。しかし、まだ何か設定がおかしいのだろう…。

よく分からないのが、以下のようにDOS窓から打ち込むとエラーが出ないこと。

"C:\Program Files (x86)\SOURCENEXT\DrawGraphic2\DrawGr2.exe" "hoge.fda"

また、「送る」フォルダを開いて、 *1 中に DrawGr2.exe のショートカットを作って、「送る」から .fda を開いてみた。これもエラーが出ない。ということは、指定は間違ってないと思えるわけで。であれば、エクスプローラ側の設定がおかしいんだろう。たぶん。

ウチの環境でのみ起きる問題なのかなと思ったけれど、Amazonのレビューでも同様の報告を見かけた。

専用形式で保存したファイルをダブルクリックで起動させるとエラーして開かない。でもそのファイルをショートカットアイコンへドロップするとちゃんとその保存したファイルが開く・・・
Amazon.co.jp：カスタマーレビュー: Drawgraphic2 (説明扉付きスリムパッケージ版) より

どうやらウチだけじゃないな。

とりあえず、 _FileTypesMan という、関連付けを変更できるアプリで、.fda に割り当てられていたアクションを弄ってみたり。

「DrawGraphicで開く(&O)」「open」の2つを無効にする。該当項目を右クリックして「アクションを編集」→ 無効にチェックを入れる。
アクションを新規作成。「参照」をクリックして、DrawGr2.exe を指定。自動で「"%1"」も追加される。
新しく作ったアクションを「既定のアクション」に設定。

これでエラーが出ない状態にはなった。

それにしても、どうしてこういうことになるんだろう…？ DDEとやらを使わないと、何か別の問題が起きるのかな。

オブジェクトを選択した状態で、書式 → 透明度、を選んだら半透明にすることができた。機能を割り当てたツールボタンが見当たらないし、右クリックしてもメニューに無かったものだから、機能として持ってないのだなと勘違いしちゃいました…。

たぶんコレ、後になってから機能をつけたか、当時は実験的機能だったりして、UIへの反映が放置されたんじゃないかな…。

しかしやっぱり、背景を透明にして、ビットマップ画像保存をする方法が分からず。まあ、どうせアンチエイリアスがかからないから、別のソフトで開いて保存したほうがいいんだろうけど。

: スタートボタン → shell:sendTo で、「送る」フォルダは開ける。

Re: Drawgraphic 2を購入してみた by 名無しさん 2016/08/16 12:21: 初めまして
拝見いたしました、ちょっと興味がありましてメールさせていただきます
私もDrawgraphic 2のダウンロード版を使ってみました
というのもMicrographx　Windows　Draw６を前から使っていて　大変に良いソフトだったのですが今　セブン６４Bit 以上で使えないのでこれを使ってみましたがインターネットに繋がっていないと編集が思うように出来なくて困っています良い方法がないものでしょうか

[ ツッコミを読む(1) | ツッコむ ]

_2014/05/29 に、DXRubyでswfのシェイプを描画する実験をしたのだけど。あまりにも処理が遅い上に、描画も汚くてしょんぼりだったわけですが。 _cairo と組み合わせて使えば、もっと速く、もっと綺麗にできるんじゃないかと思えたので試してみたり。

こんな感じになりました。右側が、cairoを使って描画した結果。

さすがに美しい…。cairo、凄いなあ。

ソースは以下。

_shapeparse_with_cairo.rb

require 'nokogiri'
require 'dxruby'
require 'cairo'
require 'tempfile'
require_relative 'bezierdraw'

# swfのシェイプを解析してImageに描画するクラス(cairo使用版)
#
class ShapeParse
  DBG = false
  DBG2 = true
  TWIP = 20.0
  attr_accessor :id
  attr_accessor :width
  attr_accessor :left
  attr_accessor :top
  attr_accessor :height
  attr_accessor :image
  attr_accessor :draw_data
  attr_accessor :clip_enable
  attr_accessor :surface
  attr_accessor :context

  def initialize(node, clip_enable = true)
    self.clip_enable = clip_enable
    self.id = node["objectID"].to_i
    puts "id[#{self.id}] #{node.name}" if DBG

    n = node.at(".//bounds/Rectangle")
    self.left = (n["left"].to_f / ShapeParse::TWIP).to_i
    self.top = (n["top"].to_f / ShapeParse::TWIP).to_i
    self.width = (n["right"].to_f / ShapeParse::TWIP).to_i
    self.height = (n["bottom"].to_f / ShapeParse::TWIP).to_i
    puts "size : (x,y)=#{self.left},#{self.top} (w,h)=#{self.width},#{self.height}" if DBG

    self.width = Window.width if self.width < Window.width
    self.height = Window.height if self.height < Window.height

    x0, y0 = 0, 0
    x1, y1 = 0, 0
    x2, y2 = 0, 0
    f0_enable = true
    f1_enable = true
    l_enable = true
    fc = [[0, 0, 0, 0], [0, 0, 0, 0]]
    lc = [0, 0, 0, 0]
    lwidth = ShapeParse::TWIP
    lines = []
    self.draw_data = []

    n = node.at(".//shapes/Shape/edges").child

    while n != nil
      case n.name
      when "ShapeSetup"
        unless lines.empty?
          save_draw_data(lines, f0_enable, f1_enable, l_enable,
                         lwidth, fc[0], fc[1], lc)
          lines = []
        end

        s = "#{n.name} "
        x0 = n["x"].to_f if n.key?("x")
        y0 = n["y"].to_f if n.key?("y")
        f0_enable = (n["fillStyle0"] == "1")? true : false
        f1_enable = (n["fillStyle1"] == "1")? true : false
        l_enable =  (n["lineStyle"] == "1")? true : false

        if false
          s += "(x,y)=#{x0/TWIP}, #{y0/TWIP} ("
          s += (f0_enable)? "f0 " : "   "
          s += (f1_enable)? "f1 " : "   "
          s += (l_enable)? "l" : " "
          s += ")"
          puts s
        end

        n.xpath(".//fillStyles").each do |nn|
          nn.xpath(".//Solid/color/Color").each_with_index do |m, i|
            fc[i] = get_color(m)
          end
        end

        n.xpath(".//lineStyles").each do |nn|
          nn.xpath(".//LineStyle").each do |m|
            lwidth = m["width"].to_i if m.key?("width")
            m.xpath(".//color//Color").each do |c|
              lc = get_color(c)
            end
          end
        end

        if n.key?("x") and n.key?("y")
          lines.push([x0, y0])
        end

      when "CurveTo"
        # 二次ベジェ曲線
        x1 = x0 + n["x1"].to_f
        y1 = y0 + n["y1"].to_f
        x2 = x1 + n["x2"].to_f
        y2 = y1 + n["y2"].to_f
        lst = BezierDraw.calc(x0, y0, x1, y1, x2, y2)
        lines.concat(lst.slice(1..-1))
        x0 = x2
        y0 = y2

      when "LineTo"
        # 直線
        x1 = x0 + n["x"].to_f
        y1 = y0 + n["y"].to_f
        lines.push([x1, y1])
        x0 = x1
        y0 = y1

      else
        puts "!! Unknown Tag : #{n.name}"
      end
      n = n.next
    end

    draw(false)
  end

  # 色配列を取得
  #
  # @param [Object] node 「Color」ノード
  # @return [Array] A,R,G,Bが入った配列
  #
  def get_color(node)
    col = [255, 0, 0, 0] # ARGB
    ["alpha", "red", "green", "blue"].each_with_index do |s,i|
      col[i] = node[s].to_f if node.key?(s)
    end
    return col
  end

  # 描画用の直線データを記録
  #
  # @param [Array] lines 直線データ配列
  # @param [Boolean] fe0 塗り潰し0をするか否か
  # @param [Boolean] fe1 塗り潰し1をするか否か
  # @param [Boolean] le 線を描くか否か
  # @param [Number] lw 線幅
  # @param [Array] fc0 塗り潰し0の色配列
  # @param [Array] fc1 塗り潰し1の色配列
  # @param [Array] lc1 線描画の色配列
  #
  def save_draw_data(lines, fe0, fe1, le, lw, fc0, fc1, lc)
    np = []
    ox, oy = nil, nil
    lines.each do |p|
      x, y = p
      x /= TWIP
      y /= TWIP
      np.push([x, y]) if x != ox or y != oy
      ox, oy = x, y
    end

    # 記録
    self.draw_data.push([np, fe0, fe1, le, lw, fc0.dup, fc1.dup, lc.dup])
  end

  # Imageオブジェクトに描画
  #
  # @param [Boolean] clear_enable trueならImageをクリアしてから描画
  #
  def draw(clear_enable = true, scale_x = 1.0, scale_y = 1.0)
    # self.image.clear if clear_enable

    # cairoのサーフェスを確保
    self.surface = Cairo::ImageSurface.new(Cairo::FORMAT_ARGB32,
                                           self.width, self.height)
    self.context = Cairo::Context.new(surface)

    self.draw_data.each do |d|
      p, fe0, fe1, le, lw, fc0, fc1, lc = d
      np = []
      p.each { |q| np.push([q[0] * scale_x, q[1] * scale_y]) }
      draw_line(self.context, np, fe0, fe1, le, lw, fc0, fc1, lc)
    end

    # 一時ファイル作成
    temp = Tempfile.new(['shapeparse', '.png'])
    temp.binmode
    temp.close

    # pngファイルに出力
    self.surface.write_to_png(temp.path)

    # DXRubyで読み込み
    self.image = Image.load(temp.path)
    temp.close(true)
  end

  # 色配列の数値を変換して返す
  #
  # @note 255までの値を持っていた色配列を、1.0までの値に変換する
  #
  # @param [Array] c 色配列ARGB
  # @return [Array] 色配列RGBA
  #
  def get_rgba(c)
    r = []
    c.each do |n|
      m = n / 255.0
      m = 0.0 if m < 0.0
      m = 1.0 if m > 1.0
      r.push(m)
    end
    return r[1], r[2], r[3], r[0]
  end

  # 多角形を描画
  #
  # @param [Object] ct cairoのcontext
  # @param [Array] p 頂点座標が入った配列。
  # @param [Boolean] f0_enable trueなら塗り潰し有、falseなら塗り潰し無
  # @param [Boolean] f1_enable trueなら塗り潰し有、falseなら塗り潰し無
  # @param [Boolean] l_enable trueなら線を描く、falseなら線を描かない
  # @param [Number] lwidth 線幅
  # @param [Array] fc0 色配列。A,R,G,B
  # @param [Array] fc1 色配列。A,R,G,B
  # @param [Array] lc 色配列。A,R,G,B
  #
  def draw_line(ct, p, f0_enable, f1_enable, l_enable,
                lwidth, fc0, fc1, lc)
    return if (!f0_enable and !l_enable)

    ct.set_line_join(Cairo::LineJoin::ROUND) # 結合点の種類を指定
    ct.set_line_cap(Cairo::LineCap::ROUND) # 線の終点の種類を指定

    lw = lwidth / TWIP
    lw = 1.0 if lw < 1.0 # swfは1.0より細い線幅も1.0の線幅で描画するらしい
    ct.set_line_width(lw) # 線幅を指定

    # 塗る色を指定
    if f0_enable
      ct.set_source_rgba(get_rgba(fc0))
    else
      ct.set_source_rgba(get_rgba(lc))
    end

    x0 , y0 = p[0]
    ct.move_to(x0, y0)
    1.step(p.size - 1, 1) do |i|
      ct.line_to(p[i][0], p[i][1])
    end

    if f0_enable
      # 塗り潰し
      ct.fill_preserve
    end

    # 線を描画
    ct.set_source_rgba(get_rgba(lc)) if l_enable

    ct.stroke
  end
end

if $0 == __FILE__
  # ----------------------------------------
  # 動作テスト

  font = Font.new(14)

  # swfmillで swf → xml変換したxmlを解析
  # infile = "swfdata/test_pdr1.xml"
  infile = "swfdata/test_pdr2.xml"
  doc = Nokogiri::XML(File.open(infile)) {|cfg| cfg.noblanks}

  objs = Hash.new
  doc.xpath("//DefineShape3").each do |node|
    pdr = ShapeParse.new(node, false) # ベクターデータを解析して画像化
    objs[pdr.id] = pdr
  end

  redraw_fg = false
  ang = 0
  scale = 1.0

  Window.bgcolor = [0, 190, 118]
  Window.fps = 60

  # メインループ
  Window.loop do
    break if Input.keyPush?(K_ESCAPE)

    # Rキー押しでスケールを変えて再描画
    redraw_fg = (Input.keyDown?(K_R))? true : false

    objs.each_value do |o|
      # ベクターデータを再描画できなくもないが、遅くて実用にならない
      o.draw(true, scale, scale) if redraw_fg
      Window.draw(0, 0, o.image)
    end

    s = "#{Window.real_fps} FPS / CPU: #{Window.getLoad.to_i}%"
    Window.drawFont(4, 4, s, font)

    ang += 10
    scale = Math.cos(ang * Math::PI / 180.0) + 1.5
  end
end

データ一式も置いときます。

_swf_shape_parse_20140602.zip (434KB)

アンチエイリアスをかけながら描画してくれるライブラリなだけあって、さすがに綺麗。しかも、CPU負荷率を見る限りでは、自前で線描画や多角形塗りをするよりも、40倍ぐらい速くなりました。

それでもやっぱり、リアルタイムに描画するのは速度的に無理なので、実用にはならないのですけど。どう考えても、最初からレンダリング済みのビットマップ画像を用意しておくべきだなと。

更に、このやり方、現状ではかなりトホホな点があって。cairo で描画した後、結果を一旦 pngファイルでHDDに保存して、それを DXRuby の Image にロードし直していたりするわけで。

これがもし、cairo の Surface から、pngファイルとして書き出すべきバイナリデータを直接取得できれば…。あるいは、Surface内容をRGBAの配列で取得できれば、わざわざクソ遅いHDDにアクセスしなくても済むのですけど。残念ながら、そのようなメソッドは見つからなくて。

それにしても、swfのシェイプをこうして描画できるということは、svgも描画できたりするのかしら。たしか、svg を解析・描画する Rubyライブラリも存在していたはずなので、ちと試してみたいところ。

メモリ上に仮想ファイルシステムの類でも作れたら、HDDにアクセスしなくても済むんじゃないかと思えてきたのだけど。そういうことができるライブラリってあるのかしら。

_メモリマップトファイル - Wikipedia には、

Ruby : Mmap というgem（ライブラリ）があり、メモリマップトファイルを実装している。
メモリマップトファイル - Wikipedia より

という記述があったのだけど。

_Rubyist Magazine - Ruby Library Report 【第 4 回】 Win32Utils
_djberg96/win32-mmap - GitHub

もしかして、Windows + Ruby なら、win32-mmap てのが使える…？

cairo の使い方については、 _rcairo 事始め - takihiro日記を参考にさせてもらって試していたのですけど。せっかくだから、DXRuby で結果表示をするサンプルも置いときます。

_test_cairo1.rb

# cairo のテスト
#
# 以下を参考にしました。
#
# rcairo 事始め - takihiro日記
# http://d.hatena.ne.jp/takihiro/20100331/1269992290

require 'cairo'
require 'dxruby'
require 'tempfile'

w, h = 640 - 32, 480 - 32
surface = Cairo::ImageSurface.new(w, h)
context = Cairo::Context.new(surface)

# 背景色を指定
context.set_source_rgba(0, 0, 0, 0) # 透明
context.rectangle(0, 0, w, h)
context.fill

# 四角を書く
context.set_source_color(Cairo::Color::RED)
x, y, rw, rh = 20, 20, w / 2, h / 2
context.rectangle(x, y, rw, rh)
context.fill_preserve
context.set_source_color(Cairo::Color::BLACK)
context.stroke

# 円を書く
context.set_source_color(Cairo::Color::GREEN)
r = h / 3
x, y, rw, rh = 100, 30, 50, 50
context.arc(w/2, h/2, r, 0, 2 * Math::PI)
context.fill_preserve
context.set_source_color(Cairo::Color::BLUE)
context.stroke

# 多角形
context.set_source_color(Cairo::Color::YELLOW)
context.move_to(30, 30)
context.line_to(20, 60)
context.line_to(40, 80)
context.line_to(80, 40)
context.line_to(60, 30)
context.line_to(30, 30)
context.fill_preserve
context.set_source_color(Cairo::Color::PURPLE)
context.stroke

# 重ねる画像を設定
surface2 = Cairo::ImageSurface.from_png('sample2.png')
context.set_source(surface2,
                   w - surface2.width - 24,
                   h - surface2.height - 24)
context.paint

# 文字配置
context.set_source_rgb(255, 255, 255)
context.font_size = 26
context.move_to(10, 150)
context.show_text('文字') # フォントを指定してないので文字化けする

context.move_to(10, 180)
context.select_font_face('メイリオ', 0, 0)
context.show_text('メイリオフォント')

# ----------------------------------------
# 一時ファイルを作成
temp = Tempfile.new(['test', '.png'])
temp.binmode
temp.close

# pngファイルに出力
surface.write_to_png(temp.path)

# DXRubyで読み込み
img = Image.load(temp.path)
temp.close(true)

# DXRubyで表示
Window.bgcolor = C_BLUE
Window.loop do
  break if Input.keyPush?(K_ESCAPE)
  Window.draw(16, 16, img)
end

以下のような感じになります。

ソフト名	初回起動 (秒)	2回目の起動 (秒)
GIMP 2.6.12	178	27
GIMP 2.8.10 Portable	64	21
Adobe Photoshop Elements 8	25	15
CELSYS CLIP STUDIO PAINT PRO	25	6
CELSYS Illust Studio	10	4
Paint.NET	5	1
Paintgraphic 2 Pro	3	1
PixBuilder Studio	1	1
AzPainter2	1	1

Prev - 2014/06 - Next