如何使用CamanJS旋转画布？

Question

我使用Caman.js并拥有

<canvas> 

我页面上的

元素。

如何使用Camanjs旋转此画布？

我找到了this，但我不知道如何应用它。

Answer 1

使用此：

Caman("#canvasId", function () {
  this.rotate(90);
  this.render();
});

Answer 2

旋转是一个插件 您必须使用插件编译Caman.js，因为它全部用coffeescript编写。

你会在这里找到的插件： https://github.com/meltingice/CamanJS-Plugins

如何包含它们，请查看cakefile

在完成之后，它将像stephan1001写的那样工作。

Answer 3

为了更详细地概述如何获得Camanjs中包含的旋转插件（以及Camanjs的其他插件），我遵循了以下步骤：

1. 从camanjs plugin github
下载插件文件（.coffee文件）
2. 通过npm安装咖啡脚本。 npm install -g coffee-script
3. 使用 coffee编译插件-c /path/to/script.coffee
4. 现在你将有一个.js文件。删除surronding immediatly调用函数，因为当你将它放在caman.js文件中时你不会想要它（或像我一样放入caman.full.js）。
5. 从插件中取出代码（删除了surronding函数）并将其粘贴到caman.js文件的底部，但是在最后一个右括号上方。

现在你将把插件包含在你的caman插件中。

注意：我确信有更好的方法可以做到这一点，但是，这对我有用，我找不到任何其他信息，概述了这些步骤。