Skip to content
/ pictode Public
forked from JessYan0913/pictode

🎨 Pictode最方便集成的绘图工具

License

Notifications You must be signed in to change notification settings

livepo/pictode

Repository files navigation

Pictode 🎨

欢迎来到 Pictode - 你的创意自由发挥的画板!🚀

Pictode 是一个基于 Vue 3、TypeScript、Konva、HeadlessUI 和 Tailwind CSS 等酷炫技术构建的画板项目,它让你可以随心所欲地绘制、创作和表达自己的创意。✨

🖌️ 画出你的创意

Pictode 提供了一系列多彩多姿的绘制工具,从简单的矩形到复杂的连线,你可以尽情选择并创造属于你自己的艺术作品。🎨

  • 使用 ✏️ 铅笔工具,释放你的涂鸦天赋。
  • 用 📷 图片工具,插入照片,为你的画板增添多彩元素。
  • 借助 🖋️ 文本工具,写下你的思绪和创意。
  • 创造完美的几何图形,如 🟩 矩形、🔶 菱形和 🟤 椭圆。

🔄 撤销与重做

犯了错误?别担心!我们的撤销和重做插件(Undo & Redo)来拯救你。⏪⏩

  • 点击 ⏪ 撤销按钮,回到之前的状态。
  • 再次点击 ⏩ 重做按钮,重新找回你的创作。

从此,没有什么可以阻挡你的创意冲动!💡

✨ 插件增强功能

Pictode 还支持各种插件,以满足不同的需求。例如:

  • 🕒 记录你的操作历史,让你更容易管理项目。
  • ✅ 使用选择器插件来单选、多选或框选形状。
  • 🔄 在不同的形状之间进行形变,使你的创作更多样化。

🪄 导入与导出

将你的艺术作品与世界分享!Pictode 支持各种导入和导出选项,包括 DataURL 和 JSON 格式。📤📥

  • 导出你的项目,分享给朋友或同事。
  • 导入其他人的项目,获得灵感并进行编辑。

📚 快速上手

想要开始你的创作之旅吗?别担心,我们有详细的文档和示例代码,让你快速掌握Pictode的所有功能。📖

🌟 为什么选择 Pictode?

  • 强大的绘制工具,满足所有创意需求。
  • 灵活的插件系统,根据需求扩展功能。
  • 友好的撤销和重做功能,无惧错误。
  • 丰富的导入导出选项,方便分享和合作。

开始使用Pictode,释放你的创意吧!🚀

🚀 快速开始

你只需几个简单的步骤,就能启动Pictode并开始创作:

  1. 克隆这个仓库到你的本地机器。
  2. 安装所需的依赖:npm installyarn install
  3. 运行项目:npm run serveyarn serve
  4. 打开浏览器,访问 http://localhost:8080

现在,你可以开始使用Pictode,尽情发挥创意,创造出独一无二的作品!🚀

🙌 贡献

Pictode 是一个开源项目,我们欢迎各种形式的贡献。如果你有任何建议、问题或想要贡献代码,不要犹豫,立即加入我们的社区!

📝 许可

Pictode 是根据 MIT 许可证发布的。查看 LICENSE 以获取更多信息。

感谢你选择Pictode,希望它能成为你创意表达的最佳工具!🎉

访问项目主页

如果有任何问题,请随时联系我们:[email protected] 📧


🌟 让Pictode 成为你创意的画布,让艺术在这里自由绽放! 🌟

About

🎨 Pictode最方便集成的绘图工具

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 75.0%
  • Vue 21.7%
  • JavaScript 2.4%
  • Other 0.9%