使用camanjs后,如何旋转和缩放完成的图像

时间:2017-09-04 03:39:36

标签: javascript css canvas camanjs

我使用camanjs完成了滤镜,然后我需要旋转这个图像,一旦旋转,transformOrigin是(0,0),我希望transformOrigin到中心,同样,浏览器中的图片不是完全的,如何我可以解决这个问题吗?

<img src="./3-big.jpg" alt="" id='image' data-camanwidth="500" data-camanheight="500">
<script>
    Caman("#image", function () {
        var imgW = $('#image').width();
        var imgH = $('#image').height();
        this.rotate(45);
        this.resize({ width: 400 * imgW / imgH, height: 400 });
        this.render();
    });
</script>

另外,我有另一个问题,如果我想扩展这个img,我该怎么做?

这是一个img元素转移到canvas元素,如果我想用canvas元素做什么,我如何获得canvas元素?

感谢所有能帮助我的人!

0 个答案:

没有答案