首先让我说我是使用 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)
我很感激我能得到的任何帮助,即使这似乎是一个基本问题。这个小提琴的工作原理与我的项目相同,你想看看。