📜  节点 | GM drawRectangle()函数

📅  最后修改于: 2022-05-13 01:56:57.040000             🧑  作者: Mango

节点 | GM drawRectangle()函数

drawRectangle()函数是 GraphicsMagick 库中的一个内置函数,用于绘制具有指定坐标的矩形。该函数在成功时返回真值。

句法:

drawRectangle( x0, y0, x1, y1, wc, hc )

参数:该函数接受上面提到和下面描述的六个参数:

  • x0:它保存矩形的第一个 x 坐标。
  • y0:它保存矩形的第一个 y 坐标。
  • x1:它保存矩形的第二个 x 坐标。
  • y1:它保存矩形的第二个 y 坐标。
  • wc:它是一个可选参数,用于保存宽度的圆度。
  • hc:它是一个可选参数,用于保存高度的圆度。

返回值:此函数返回 GraphicsMagick 对象。

示例 1:不带可选参数



// Include gm library
var gm = require('gm');
  
//Import the image
gm(600, 300, 'white')
  
// set the color for the stroke
.stroke("green", 3)
  
// Set the font 
.font("Helvetica.ttf", 60)
  
// Invoke drawRectangle function with
// x0: 10, y0: 100, x1:260, y1:210
.drawRectangle(10, 100, 260, 210)
  
// Invoke drawText in order to
// name the box as 1 
.drawText(150, 170, "1")
  
// Invoke drawrectangle function with
// x0: 260, y0:100, x1: 350, y1: 210
.drawRectangle(260, 100, 350, 210)
  
// Invoke drawText in order to
// name the box as 2
.drawText(300, 170, "2")
  
// Call to drawText Function
.drawText(100, 280, "GeeksforGeeks!")
  
// Process and write the image 
.write("drawRectangle1.png", function (err) {
  if (!err) console.log('done');
});

输出:

示例 2:使用可选参数

// Include gm library
var gm = require('gm');
  
// Import the image
gm(600, 300, 'white')
  
// set the color for the stroke
.stroke("green", 3)
  
// Set the font 
.font("Helvetica.ttf", 60)
  
// Invoke drawRectangle function with
// x0: 10, y0: 100, x1:260, y1:210,
// wc: 40, wh: 40
.drawRectangle(10, 100, 260, 210, 40, 40)
  
// Invoke drawText in order to name
// the box as 1 
.drawText(150, 170, "1")
  
// Invoke drawrectangle function with
// x0: 260, y0:100, x1: 350, y1: 210,
// wc: 80, wh: 80
.drawRectangle(260, 100, 350, 210, 80, 80)
  
// Invoke drawText in order to
// name the box as 2
.drawText(300, 170, "2")
  
// Call to drawText Function
.drawText(100, 280, "GeeksforGeeks!")
  
// Process and write the image 
.write("drawRectangle1.png", function (err) {
  if (!err) console.log('done');
});

输出:

参考:

  • http://www.graphicsmagick.org/GraphicsMagick.html#details-draw
  • https://www.npmjs.com/package/gm