stroke_linejoin.rb.html

<!DOCTYPE public PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta name="generator" content="ex2html.rb" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="css/popup.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
  <script>
    hljs.configure({ cssSelector: "pre" });
    hljs.highlightAll();
  </script>
  <title>RMagick example: stroke_linejoin.rb</title>
</head>
<body>
<h1>stroke_linejoin.rb</h1>
<div class="bodybox">
<div class="bodyfloat">
<pre class="language-ruby">
# frozen_string_literal: true

require 'rmagick'

imgl = Magick::ImageList.new
imgl.new_image(400, 150) { |info| info.background_color = 'white' }

gc = Magick::Draw.new

gc.stroke('black').stroke_width(15)
gc.fill_opacity(0)
gc.stroke_linecap('butt')

# Draw lines with miter join
gc.stroke_linejoin('miter')
gc.polyline(25, 100, 75, 25, 125, 100)

# Draw lines with round join
gc.stroke_linejoin('round')
gc.polyline(150, 100, 200, 25, 250, 100)

# Draw lines with bevel join
gc.stroke_linejoin('bevel')
gc.polyline(275, 100, 325, 25, 375, 100)

# Show line endpoints in pink
gc.fill('lightpink').fill_opacity(0)
gc.stroke('lightpink').stroke_width(2)
gc.stroke_linejoin('miter')
gc.polyline(25, 100, 75, 25, 125, 100)
gc.polyline(150, 100, 200, 25, 250, 100)
gc.polyline(275, 100, 325, 25, 375, 100)
gc.fill_opacity(1)
gc.circle(75, 25, 76, 26)
gc.circle(200, 25, 201, 26)
gc.circle(325, 25, 326, 26)

# Annotate
gc.fill('black')
gc.fill_opacity(1)
gc.stroke('transparent')
gc.pointsize(14)
gc.font_weight(Magick::BoldWeight)
gc.text(35, 120, "\"'miter' join\"")
gc.text(160, 120, "\"'round' join\"")
gc.text(280, 120, "\"'bevel' join\"")

gc.draw(imgl)

imgl.write('stroke_linejoin.gif')
</pre>
</div>
</div>
<div id="close"><a href="javascript:window.close();">Close window</a></div>
</body>
</html>