javascript - 在 jsfiddle 中旋转 Canvas

Question

作为新成员的第一个问题

我需要帮助来创建旋转按钮。 js fiddle 用于标尺，我希望能够水平和垂直显示标尺。当前默认为水平。用户可以使用旋转控件旋转标尺，但作为快速选项，我希望他们能够将标尺设置为水平。理想情况下，数字也将垂直显示，但这可能要求太多。

我的 js fiddle 是:http://jsfiddle.net/cAslin/7ws41p8a/92/

目前有一个旋转文本字段，但我希望将其删除，只有水平和垂直选项以及选项。我想通过图标保留旋转选项。

由于我的编码经验或知识很少，因此我将不胜感激。

谢谢!

<span id="draggable-element"><span style="margin-right:30px;" title="Drag  to rotate"><input id="clickable" class="click1" type="image" style="padding-right:0px;padding-top:0px;transform: scaleX(-1);" src="https://s15.postimg.org/76smxbgmz/cycle.png"/></span>

Answer 1

获取 fiddle :http://jsfiddle.net/7ws41p8a/95/

我在 rot 函数中更改了目标 ID var target2 = $('#canvas');。尺子旋转

If my answer helped, don't forget to mark it as correct