Breaking News: Grepper is joining You.com. Read the official announcement!

raphael js rounded rectangle

The Digital Envious Emu answered on August 16, 2021 Popularity 6/10 Helpfulness 2/10

answer raphael js rounded rectangle

related raphael js rounded rectangle (another solution)

raphael js rounded rectangle

Comment

Raphael.fn.roundedRectangle = function (x, y, w, h, r1, r2, r3, r4){
  var array = [];
  array = array.concat(["M",x,r1+y, "Q",x,y, x+r1,y]); //A
  array = array.concat(["L",x+w-r2,y, "Q",x+w,y, x+w,y+r2]); //B
  array = array.concat(["L",x+w,y+h-r3, "Q",x+w,y+h, x+w-r3,y+h]); //C
  array = array.concat(["L",x+r4,y+h, "Q",x,y+h, x,y+h-r4, "Z"]); //D

  return this.path(array);
};

// Test
var paper = Raphael("canvas", 840, 480);
paper.roundedRectangle(10, 10, 80, 80, 0, 20, 0, 0);

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript raphael

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

The Digital Envious Emu

0 Answers Avg Quality 2/10

Closely Related Answers

raphael js rounded rectangle (another solution)

Comment

Raphael.fn.roundedRectangle = function (x, y, w, h, r1, r2, r3, r4){
  var array = [];
  array = array.concat(["M",x+r1,y]);
  array = array.concat(['l',w-r1-r2,0]);//T
  array = array.concat(["q",r2,0, r2,r2]); //TR
  array = array.concat(['l',0,h-r3-r2]);//R
  array = array.concat(["q",0,r3, -r3,r3]); //BR
  array = array.concat(['l',-w+r4+r3,0]);//B
  array = array.concat(["q",-r4,0, -r4,-r4]); //BL
  array = array.concat(['l',0,-h+r4+r1]);//L
  array = array.concat(["q",0,-r1, r1,-r1]); //TL
  array = array.concat(["z"]); //end

  return this.path(array);
};

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript raphael

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

The Digital Envious Emu

0 Answers Avg Quality 2/10

raphael js rounded rectangle

Contents

More Related Answers

raphael js rounded rectangle

Closely Related Answers

raphael js rounded rectangle (another solution)

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.