会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
xachary
博客园
首页
新随笔
联系
订阅
管理
2024年9月26日
前端使用 Konva 实现可视化设计器(23)- 绘制曲线、属性面板
摘要: 本章分享一下如何使用 Konva 绘制基础图形:曲线,以及属性面板的基本实现思路,希望大家继续关注和支持哈(多求 5 个 Stars 谢谢)!
阅读全文
posted @ 2024-09-26 18:04 xachary
阅读(817)
评论(4)
推荐(2)
2024年9月10日
前端使用 Konva 实现可视化设计器(22)- 绘制图形(矩形、直线、折线)
摘要: 本章分享一下如何使用 Konva 绘制基础图形:矩形、直线、折线,希望大家继续关注和支持哈!
阅读全文
posted @ 2024-09-10 18:12 xachary
阅读(402)
评论(0)
推荐(0)
2024年8月20日
前端使用 Konva 实现可视化设计器(21)- 绘制图形(椭圆)
摘要: 本章开始补充一些基础的图形绘制,比如绘制:直线、曲线、圆/椭形、矩形。这一章主要分享一下本示例是如何开始绘制一个图形的,并以绘制圆/椭形为实现目标。
阅读全文
posted @ 2024-08-20 18:24 xachary
阅读(614)
评论(0)
推荐(1)
2024年8月8日
前端使用 Konva 实现可视化设计器(20)- 性能优化、UI 美化
摘要: 这一章主要分享一下使用 Konva 遇到的性能优化问题,并且介绍一下 UI 美化的思路,主要使用 Naive UI。
阅读全文
posted @ 2024-08-08 12:34 xachary
阅读(695)
评论(0)
推荐(1)
2024年8月2日
手把手使用 SVG + CSS 实现渐变进度环效果
摘要: 手把手使用 SVG + CSS 实现渐变进度环效果,利用的就是 SVG 的 stroke-dasharray。
阅读全文
posted @ 2024-08-02 22:36 xachary
阅读(656)
评论(0)
推荐(2)
CSS mask-image 实现边缘淡出过渡效果
摘要: CSS mask-image 实现边缘淡出过渡效果,关键是淡出,而非降低透明度。
阅读全文
posted @ 2024-08-02 11:54 xachary
阅读(638)
评论(0)
推荐(3)
2024年8月1日
前端使用 Konva 实现可视化设计器(19)- 连接线 - 直线、折线
摘要: 本章响应小伙伴的反馈,除了算法自动画连接线(仍需优化完善),实现了可以手动绘制直线、折线连接线功能。
阅读全文
posted @ 2024-08-01 23:02 xachary
阅读(546)
评论(1)
推荐(3)
2024年7月22日
前端使用 Konva 实现可视化设计器(18)- 素材嵌套 - 加载阶段
摘要: 本章主要实现素材的嵌套(加载阶段)这意味着可以拖入画布的对象,不只是图片素材,还可以是嵌套的图片和图形。
阅读全文
posted @ 2024-07-22 18:31 xachary
阅读(354)
评论(0)
推荐(2)
2024年6月17日
前端使用 Konva 实现可视化设计器(16)- 旋转对齐、触摸板操作的优化
摘要: 这一章解决两个缺陷,一是调整一些快捷键,使得 Mac 触摸板可以正常操作;二是修复一个 Issue,使得即使素材节点即使被旋转之后,也能正常触发磁贴对齐效果,有个小坑需要注意。
阅读全文
posted @ 2024-06-17 22:30 xachary
阅读(410)
评论(1)
推荐(2)
2024年6月14日
前端使用 Konva 实现可视化设计器(15)- 自定义连接点、连接优化
摘要: 本章将处理一些缺陷的同时,实现支持连接点的自定义,一个节点可以定义多个连接点,最终可以满足类似图元接线的效果。
阅读全文
posted @ 2024-06-14 19:31 xachary
阅读(538)
评论(0)
推荐(2)
下一页
公告