No.55847346 - 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奉上

…

收起查看大图向左旋转向右旋转

无标题无名氏 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
免责声明：本站无法保证用户张贴内容的可靠性，投资有风险，健康问题请遵医嘱。