小编Len*_*nny的帖子

如何使用画布 90° ccw 旋转从 div 呈现的 .png?

首先让我说我是使用 Canvas 元素的新手。我已经设法使用 jQuery 和 html2canvas.js 将 div 呈现为 png,但我想将 png 逆时针旋转 90 度。

我假设我需要在画布阶段执行此操作,然后将其作为 png 输出,以便即使在下载图像时也能保持持久性- 我将如何进行并完成该操作?

这就是我目前所拥有的,它正在工作(减去旋转)

html2canvas($("#portrait_back_div"), {
    onrendered: function (canvas) {
        //document.getElementById('canvas').appendChild(canvas);
        var data = canvas.toDataURL('image/png');

        var image = new Image();
        image.src = data;
        document.getElementById('portrait_back_png').appendChild(image);
        //$( "#portrait_back_div" ).hide();
    }
});
Run Code Online (Sandbox Code Playgroud)

我很感激我能得到的任何帮助,即使这似乎是一个基本问题。这个小提琴的工作原理与我的项目相同,你想看看。

javascript jquery png canvas html2canvas

0
推荐指数
1
解决办法
1330
查看次数

标签 统计

canvas ×1

html2canvas ×1

javascript ×1

jquery ×1

png ×1