【问题标题】:How to rotate, resize and zoom an image from corners in canvas?如何从画布的角落旋转、调整大小和缩放图像?
【发布时间】:2013-06-20 00:21:50
【问题描述】:

我正在开发一个拼贴应用程序。在制作拼贴画时,我希望在我的图像中出现这种效果。 http://lesterflor.com/HTML5/CanvasExample/index.html

我想在鼠标按下时从特定点旋转图像并调整其大小。

他使用过 YUI。是否有任何其他可能的方法或插件可以使用Javascript 获得相同的效果? 请帮忙。

【问题讨论】:

    标签: javascript jquery html canvas


    【解决方案1】:

    对于调整大小只需修改高度和宽度,如 $("#imgID").attr("width","400px");

    旋转使用 CSS (webkit):

    -webkit-transform: 旋转(90度); //角度

    -webkit-transform-origin:mouseX mouseY 0; //指向旋转

    你也可以用jquery修改它。


    jQuery 库:http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html

    但我不知道你是否可以将点设置为旋转!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-10-19
      • 1970-01-01
      • 1970-01-01
      • 2023-03-22
      • 2018-10-23
      • 2017-08-22
      • 2014-11-21
      相关资源
      最近更新 更多