Skip to content

Releases: fslong520/WebSketch

v1.6.0

Choose a tag to compare

@fslong520 fslong520 released this 08 Jun 05:35

修复:文字工具输入框不显示问题;优化:画笔路径渲染改为连续一笔画,消除快画疙瘩

v1.5.0版本发布

Choose a tag to compare

@fslong520 fslong520 released this 03 Jun 11:14

v1.5.0

新功能

  • T1: 压感支持 — pointer events + pressure 映射 + 工具栏指示器
  • T2: 快速绘制坐标系 — 一键拖拽生成十字坐标系(轴线/箭头/刻度/网格/标签/旋转)

Bug 修复

  • 框选群组整体旋转
  • 坐标系双向箭头修正

其他

  • 合入上游改动(框选工具、平滑绘制、双击编辑、翻转功能)

v1.4.0

Choose a tag to compare

@fslong520 fslong520 released this 11 May 12:56

新增

  • 文字二次编辑功能:双击已有文字即可原位修改
  • 选中文字对象后按 Enter 同样唤出编辑
  • 使用 contenteditable 实现透明无框的原地编辑体验
  • 编辑中的文字在画布上跳过绘制,避免新旧重叠
  • 回车提交,Shift+回车换行,Escape 取消,失焦自动提交

版本

1.3.0 → 1.4.0

绘影1.3.0

Choose a tag to compare

@fslong520 fslong520 released this 25 Apr 16:51

🎨 更新内容

  • 🎨 优化工具栏 UX 和视觉样式,重构 CSS 代码
  • 🔧 改进内容脚本逻辑,提升交互体验
  • 📦 新增 Windows 构建脚本 build.ps1
  • 🧹 清理冗余文件,简化项目结构
  • 📝 更新安装说明和文档

📦 安装方式

下载下方的 websketch-v1.3.0.zip,解压后通过 Chrome 的"加载已解压的扩展程序"安装。

绘影 v1.1.0 - 功能增强与优化

Choose a tag to compare

@fslong520 fslong520 released this 20 Apr 17:22

🎉 绘影 (HuiYing) v1.1.0 发布!

在任意网页上绘图、标注、截图的 Chrome/Edge 浏览器扩展

✨ 本次更新

  • 🚀 大量代码优化:+1137行,-131行
  • 🖌️ 绘图工具增强:优化交互体验
  • 🎯 对象编辑改进:增强对象级编辑功能
  • 📸 截图功能优化:提升稳定性和性能
  • 🎨 界面样式优化:更好的用户体验

🌍 多语言支持

  • 中文(简体):绘影 - 网页绘图助手
  • 英文:HuiYing - Web Drawing Assistant

📦 安装方式

  1. 下载下方的 ZIP 文件
  2. 解压到本地目录
  3. 浏览器打开 chrome://extensions/ 或 edge://extensions/
  4. 开启「开发者模式」
  5. 点击「加载已解压的扩展程序」
  6. 选择解压后的文件夹

📋 核心功能

  • 🖌️ 画笔、橡皮擦、矩形、圆形、直线、箭头、文字
  • 🎯 对象级编辑:选择、拖拽、删除、旋转
  • 📸 区域截图:自动下载
  • 🎨 预设颜色面板、虚线模式、填充模式
  • 📐 网格辅助线
  • ⌨️ 完整快捷键支持

🔗 相关链接

发布1.0.0版本

Choose a tag to compare

@fslong520 fslong520 released this 20 Apr 16:28

🎉 绘影 (HuiYing) v1.0.0 正式发布!

在任意网页上绘图、标注、截图的 Chrome/Edge 浏览器扩展

✨ 核心功能

  • 🖌️ 丰富的绘图工具:画笔、橡皮擦、矩形、圆形、直线、箭头、文字
  • 🎯 对象级编辑:每个元素独立可选、拖拽、删除
  • 🔄 旋转功能:按住 Shift 键旋转任意对象
  • 🎨 自定义选项:预设颜色面板、虚线模式、填充模式
  • 📸 区域截图:拖拽选择区域,自动下载截图
  • 📐 网格辅助线:50px 间距网格,精确对齐
  • ⌨️ 完整快捷键:提升操作效率

🌍 多语言支持

  • 中文(简体):绘影 - 网页绘图助手
  • 英文:HuiYing - Web Drawing Assistant

🚀 安装方式

方法一:从扩展商店安装(推荐)

即将上线,敬请期待!

方法二:开发者模式安装

  1. 下载下方的源码包或 ZIP 文件
  2. 解压到本地目录
  3. Chrome/Edge 浏览器打开 chrome://extensions/ 或 edge://extensions/
  4. 开启「开发者模式」
  5. 点击「加载已解压的扩展程序」
  6. 选择解压后的文件夹

📋 快捷键

快捷键 功能
B 画笔工具
E 橡皮擦
R 矩形工具
C 圆形工具
L 直线工具
A 箭头工具
T 文字工具
H 手形工具(选择/移动/旋转)
S 截图工具
G 切换网格显示
Ctrl+Z 撤销
Ctrl+Y 重做
Delete 删除选中对象

🎯 适用场景

  • 📚 教育教学 - 在线课程标注、板书演示
  • 💼 工作汇报 - 设计评审、需求标注
  • 🎨 设计草图 - 快速原型、概念验证
  • 📝 内容批注 - 网页截图标注、反馈收集

📦 系统要求

  • Chrome 88+ 或其他基于 Chromium 的浏览器
  • Manifest V3 支持

🔗 相关链接