写作绅士，读作丧尸 X岛揭示板
顺猴者昌 逆猴者亡 首页版规 |用户系统 |移动客户端下载 | 丧尸路标 | | 常用图串及路标 | 请关注 官方公众号：【X岛揭示板】 官方微博： 【@X岛极速版】| 人，是会思考的芦苇
常用串：·豆知识·跑团板聊天室·公告汇总串·X岛路标

No.55847346 - 无标题 - 技术宅

回应模式
No.55847346
名 称
E-mail
标题
颜文字
正文
附加图片
•程序语言、压制投稿、视频制作以及各计算机领域的技术问题
•我觉得还是CSDN靠谱一点
•本版发文间隔为15秒。
收起 查看大图 向左旋转 向右旋转
无标题 无名氏 2023-02-26(日)20:10:50 ID:TPWHppd [举报] [订阅] [只看PO] No.55847346 [回应] 管理
肥哥们，我想在html中实现：

界面上有一个画布，我可以将一些动态创建的元素例如div移入画布中，这个画布可以放大缩小移动，而这个在其中的元素也可以随着画布的修改而修改，最后，我希望这些元素也能在画布单独的移动

我查了一下canvas似乎是做不到我想要的这个功能，但我也不知道别的东西了，元素移动可以用draggable这个我倒是弄好了，现在就差这么一个画布了

打个比方的话，就像是那种绘图软件，它的画布部分和操作栏独立，而我可以把元件放进画布，也可以在画布内操作元件

如果html实现不了的话，还请肥哥指一条明路！

Jp奉上
…
Tips 无名氏 2099-01-01 00:00:01 ID:Tips超级公民 [举报] No.9999999 管理
( `д´)就不能学学动画版的萌豚，多看看动画片
…
收起 查看大图 向左旋转 向右旋转
无标题 无名氏 2023-02-26(日)21:41:21 ID:TPWHppd (PO主) [举报] No.55849776 管理
顶顶，顺便问一下要把html包装成软件的话，要怎么做呢？
…
无标题 无名氏 2023-02-26(日)21:48:31 ID:TPWHppd (PO主) [举报] No.55849995 管理
>>No.55849776
不仅仅是把html变成一个可执行的exe打开来还是网页，而是制作成一个独立的软件那种(つд⊂)
…
收起 查看大图 向左旋转 向右旋转
无标题 无名氏 2023-02-26(日)22:50:37 ID:TPWHppd (PO主) [举报] No.55851668 管理
X岛技术版的肥哥们呢( TдT)
…
无标题 无名氏 2023-02-26(日)22:54:05 ID:Huw90uG [举报] No.55851764 管理
帮顶顶，可能难度有点大，可以去几个知名在线设计网站看看
…
无标题 无名氏 2023-02-26(日)23:03:12 ID:bRRnPeX [举报] No.55852025 管理
你要找的是不是：Fabric.js
这个是能在canvas里自由拖动和旋转元件的。不过直接导入div之类的DOM是做不到了，只能使用它自带的矩形椭圆多边形图片这些2D图形元件或者是SVG。
可以看看这个库的demo：http://fabricjs.com/demos/
…
无标题 无名氏 2023-02-26(日)23:14:54 ID:TPWHppd (PO主) [举报] No.55852387 管理
>>No.55852025
可我偏偏要的就是一个可自定义大小与内容的div(;´Д`)
不过还是很感谢肥哥，有了一些思路了，其实我也找到了可缩放移动的canvas画布背景了，只是碍于canvas功能和我要的差别过大(;´Д`)
…
无标题 无名氏 2023-02-26(日)23:30:00 ID:TPWHppd (PO主) [举报] No.55852790 管理
>>No.55852387
我仔细读了一下，这个库也能实现块状物的大小修改甚至于旋转等功能，但我实际操作和其他的功能实现都有些依赖dom元素的操作(;´Д`)
好可惜，明明有上好的轮子可以用( ;´д`)
…
无标题 无名氏 2023-02-26(日)23:36:37 ID:u5j6jjN [举报] No.55852983 管理
不是很确定，，
但是可以看看phaser.js?本身是个游戏框架，但是可以导入dom元素，主要在canvas/webgl上绘图，也可以对整个场景进行缩放
…
无标题 无名氏 2023-02-26(日)23:42:18 ID:u5j6jjN [举报] No.55853112 管理
这里是一个div缩放的demo

http://labs.phaser.io/view.html?src=src\game%20objects\dom%20element\div%20position%20test%201.js

po看看是不是想要的，phaserjs是一款轻量游戏框架，你提的要求应该都能实现
英文文档：newdocs.phaser.io
demo汇总：labs.phaser.io
…
无标题 无名氏 2023-02-27(一)00:03:00 ID:TPWHppd (PO主) [举报] No.55853609 管理
>>No.55852983
( ﾟ∀。)好多东西，谢谢肥哥！
我粗略看来一下，很有参考价值，万分感谢！
…
无标题 无名氏 2023-02-27(一)01:36:18 ID:1b296le [举报] No.55855234 管理
>>No.55849995
electron或者tauri

X岛 - Ver 1.0 beta by 酱酱酱
联系：help@nmbxd.com
免责声明：本站无法保证用户张贴内容的可靠性，投资有风险，健康问题请遵医嘱。

UP主：