绘制一个矩形,然后在前一个Rectangle内绘制一个缩小的Rectangle

时间:2012-03-28 06:05:28

标签: javascript jquery html5 html5-canvas

如何在另一个矩形内绘制销售矩形?假设我有一个矩形的坐标,它在位置x,y处变换。现在,我需要在前一个重复中绘制一个缩小矩形,就像这样,

http://www.uploadimage.co.uk/thumbs/849968trim%20Rect.png

1 个答案:

答案 0 :(得分:1)

这个想法很简单,如果你有外部矩形坐标,你必须采取以下步骤:

  1. 找到外部矩形的中心
  2. 移动外部矩形,使其中心与原点(0,0)
  3. 重合
  4. 按比例(ex:0.7)
  5. 缩放外部矩形的边缘坐标
  6. 计算内部矩形坐标
  7. 将外部和内部矩形移回原位
  8. 如果你知道一点点数学,你实际上可以将所有这些变换合并为一个,这样它就会更快。