1

我正在尝试在 Kinetic JS Image 中创建一个函数来重绘图像。我正在尝试创建扭曲/曲线效果，我需要重新绘制图像。

我的方法是切片图像并根据圆方程在 Y 坐标上移动图像的每个切片。

我无法获取图像的上下文来重绘它。这就是我得到的：

     warp: function(wx, wy){
        var width = this.getWidth(),
        height = this.getHeight(),           
        context = this.getContext(),
        image = this.getImage();

        for(var n=0; n < width; n++){           
            var sx = n,
                sy = 0,
                sWidth = 1,
                sHeight = height,
                dx = 1,
                dy = 200 * Math.cos(n * 2 * Math.PI / width);
            console.log(dy);
            context.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, width, height);
        }           
    }

请给我任何关于如何实现重绘的建议。谢谢！

4

0 回答 0