首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
xachary
掘友等级
Be an entry-level front-end developer for a long time.
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
22
文章 22
沸点 0
赞
22
返回
|
搜索文章
赞
文章( 22 )
沸点( 0 )
前端使用 Konva 实现可视化设计器(10)- 对齐线
前端使用 Konva 实现可视化设计器,这次实现对齐线的交互功能,单个、多个、多选都可以对齐,同时还能磁贴。
前端使用 Konva 实现可视化设计器(9)- 另存为SVG
这一章增强了另存为的能力,使用 canvas2svg 实现“另存为SVG”,大概是全网唯一的实例分享了吧。
前端使用 Konva 实现可视化设计器(8)- 预览框
这一章我们实现一个预览框,实时、可交互定位的。当放大的时候,会显示当前可视区域提示框。附带图片说明哟。
前端使用 Konva 实现可视化设计器(7)- 导入导出、上一步、下一步
这一章实现导入导出为JSON文件、另存为图片、上一步、下一步。关键在于如何恢复图片的素材,毕竟JSON内部只有部分记录。
前端使用 Konva 实现可视化设计器(6)- 复制粘贴、删除、位置、zIndex调整
这一章处理一下复制、粘贴、删除、画布归位、层次调整,通过右键菜单控制。其实没有想象中那么简单,细节真的比较多。
前端使用 Konva 实现可视化设计器(5)- 磁贴效果
这一章实现了磁贴效果,花了比较多的时间调试,这个功能实现起来比较麻烦,官方是没有像类似 anchorDragBoundFunc 这样的 api,需要在 transformer 的 dragmove 介
前端使用 Konva 实现可视化设计器(4)- 快捷键移动元素
这一章实现通过上下左右按键移动所选节点,规则是,按一下移动 1 像素,按着不动则会按 1 像素增速移动,松开按键则恢复原来速度。
前端使用 Konva 实现可视化设计器(3)- 单选、多选、选择框
这一章实现了单选、多选、选择框,根据 konva 地特性,处理的细节比较多,官网示例过于简单,按自己思路实现。
前端使用 Konva 实现可视化设计器(2)- 参考线、svg、gif图片加载
实现了“无限画布”、“画布移动”、“网格背景”、“比例尺”、“定位缩放”,并简单叙述了它们实现的基本思路。绝对的原创。
前端使用 Konva 实现可视化设计器(1)- 无限画布、比例尺
实现了“无限画布”、“画布移动”、“网格背景”、“比例尺”、“定位缩放”,并简单叙述了它们实现的基本思路。绝对的原创。
下一页
个人成就
文章被点赞
291
文章被阅读
23,327
掘力值
1,591
关注了
2
关注者
99
收藏集
0
关注标签
0
加入于
2017-06-23