使用 JS 旋转 HTML,就像 Photoshop 的自由变换一样
我需要通过用鼠标拖动其中的一个块来旋转一些 html 内容(让它成为一个 div)。内容应围绕其中心旋转。查看 http://www.polyvore.com/cgi/app (从从右到左并在其中拖动一个圆圈)作为示例。 js中有没有什么插件或解决方案可以做到这一点?
提前致谢。
I need to rotate some html content (let it be a div) by dragging a block inside it with a mouse. The content should rotate around it's center. Look at http://www.polyvore.com/cgi/app (drag an element from right to left and drag a circle inside it) for an example. Are there any plugins or solutions in js to do it?
Thanks in advance.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
CSS3 具有一些高级功能,支持任意 HTML 元素的旋转。据我所知,还没有图书馆利用这一点来满足您的要求。
您可能还想研究一下 SVG,其中有诸如 Raphael 之类的库,可以轻松使用 SVG。
CSS3 has some advanced features that support rotation of arbitrary HTML elements. As far as I know there are no libraries exploiting this to allow what you ask yet.
You may also want to look into SVG, where there are libraries such as Raphael, which can ease working with SVG.
请参考下面,它有很好的分辨率,符合您的要求,像 Photoshop 或 Illustrator 一样自由变换也可以拖动尺寸..
http ://alias.io/raphael/free_transform/
关于,
阿米纳迈德
Please refer below, it have good resol like your requirement, free transform like photoshop or Illustrator also drag the size too..
http://alias.io/raphael/free_transform/
with regards,
aminahmed