Canvas默认设置以启用用户输入

时间:2017-04-30 13:05:13

标签: javascript canvas html5-canvas

我正在构建一个IMG裁剪/重新调整大小/缩放工具,我希望能够将一些默认参数传递给drawImage()函数,以防有些尚未定义。

例如:

我收到一个重新调整大小的请求,因此可以输入宽度和高度:

drawImage(this.loadedImg,0, 0, 0, 0, 0,0,this.imageWidth, this.imageHeight);

我无法在任何地方找到默认设置。我试过假和0,但更好了。

有没有人有想法?

1 个答案:

答案 0 :(得分:0)

我不确定我清楚地了解了你的情况,所以当你使用短版本drawImage(source, dx, dy)或更短的版本时,我会假设你想要drawImage(source, dx, dy, dw, dh)的参数的默认值<img>

如果drawImage(img, 0,0, img.naturalWidth, img.naturalHeight, 0, 0, img.naturalWidth, img.naturalHeight)元素为来源,则为<video>

如果drawImage(vid, 0,0, vid.videoWidth, vid.videoHeight, dx, dy, vid.videoWidth, vid.videoHeight)元素作为来源,则为drawImage(source, 0, 0, source.width, source.height, 0, 0, dx, dy)

对于任何其他来源类型,它是drawImage( source: always inputed, sx: input || 0, sy: input || 0, sw: input || source.[natural | video]width, sh: input || source.[natural | video]height, dx: always inputed, dy: always inputed, dw: input || sw, dh: input || sh )

所以我们可以制作这张表:

def digitalSum(n):
  if n < 10:
      return n
  else:
      return (n%10 + digitalSum(n//10))

def digitalRoot(n):
   if digitalSum(n) > 9:
      return digitalRoot(digitalSum(n))
   else:
      return digitalSum(n)