javascript - 在 jsfiddle 中旋转 Canvas

标签 javascript html css rotation jsfiddle

作为新成员的第一个问题

我需要帮助来创建旋转按钮。 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>

最佳答案

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

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

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

关于javascript - 在 jsfiddle 中旋转 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39882792/

相关文章:

html - 如何更改转置表以使其可水平滚动?

html - 我如何填补这两个 td 之间的空白?

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

html - 页面右上角的CSS

javascript - 带负数的文本区域计数器/倒计时和强制执行

javascript - node.js 和浏览器中的 jade 模板助手

javascript - 如何在保存时自动将当前用户添加到模型中?

javascript - 你如何让一个 div 进入另一个不固定的 div/nav 菜单?

javascript - Alertify 警报确认对话框不适用于 Ruby on Rails

html - CSS:带边​​框的复选框。如何获得边框和内容之间的空间?