-
Notifications
You must be signed in to change notification settings - Fork 2
/
clip_path.rb.html
87 lines (71 loc) · 2.16 KB
/
clip_path.rb.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!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: clip_path.rb</title>
</head>
<body>
<h1>clip_path.rb</h1>
<div class="bodybox">
<div class="bodyfloat">
<pre class="language-ruby">
# frozen_string_literal: true
require 'rmagick'
points = [
145, 65, 174, 151, 264, 151, 192, 205,
218, 291, 145, 240, 72, 291, 98, 205,
26, 151, 116, 151
]
pr = Magick::Draw.new
# Define a clip-path.
# The name of the clip-path is "example"
pr.define_clip_path('example') do
pr.polygon(*points)
end
# Enable the clip-path
pr.push
pr.clip_path('example')
# Composite the Flower Hat image over
# the background using the clip-path
girl = Magick::ImageList.new
girl.read('images/Flower_Hat.jpg')
cols = rows = nil
# Our final image is about 280 pixels wide, so here
# we widen our picture to fit. The change_geometry
# method will adjust the height proportionately.
girl.change_geometry('280') do |c, r|
pr.composite(0, 0, c, r, girl)
cols = c
rows = r
end
pr.pop
# Create a canvas to draw on, a bit bigger than the star.
canvas = Magick::Image.new(cols, rows)
star = Magick::Draw.new
star.stroke('gray50')
star.fill('gray50')
points.map! { |p| p + 8 }
star.polygon(*points)
star.draw(canvas)
canvas = canvas.blur_image(0, 3)
# Draw the star shadow over the background
pr.draw(canvas)
# Crop away all the solid white border pixels.
crop = canvas.bounding_box
canvas.crop!(crop.x, crop.y, crop.width, crop.height)
canvas.write('clip_path.gif')
exit
</pre>
</div>
</div>
<div id="close"><a href="javascript:window.close();">Close window</a></div>
</body>
</html>