【KiCad】KiCanvas 更新：基于浏览器的 KiCad 查看器

sunsili

【KiCad】KiCanvas 更新：基于浏览器的 KiCad 查看器

“  KiCanvas 是一个基于浏览器的交互式 KiCAD 原理图和电路板查看器。曾在 KiCanvas：基于浏览器的KiCad查看器 一文中做过详细介绍。今天让我们看下 KiCanvas 最近又做了哪些更新 ”

功能回顾我们先来回顾下 KiCanvas 的基本功能：

支持KiCad 6.0以上原理图或PCB的直接拖拽，并解析、显示

也支持Github的链接，对于某个链接中存在多个原理图的情况，这一功能非常好用，可以同时导入多个原理图和PCB：

可以在原理图选中元器件，并查看元器件的属性：

支持定义层的可见性，或者使用预定义的层分组进行PCB的查看：

同样可以在PCB中选中器件（封装），查看其属性：

支持调节对象的透明度：

支持在导航面板中交互式查看元器件及网络：

更新功能

• 全面支持 KiCad 7 原理图、PCB、文本的渲染。
• 支持切换主题
  
  

• 网页嵌入接口。目前还是 alpha版本，已经支持交互式/非交互式的网页嵌入。
  
  

• 
  

<kicanvas-embed src="my-schematic.kicad_sch"></kicanvas-embed>

• 
  

<kicanvas-embed src="my-schematic.kicad_sch" controls="full"> </kicanvas-embed>

支持多文档嵌入：

• 
  

<kicanvas-embed controls="full">

    <kicanvas-source src="project.kicad_prj"></kicanvas-source>

    <kicanvas-source src="schematic1.kicad_sch"></kicanvas-source>

    <kicanvas-source src="schematic2.kicad_sch"></kicanvas-source>

    <kicanvas-source src="board.kicad_pcb"></kicanvas-source>

</kicanvas-embed>

• 浏览器支持增加了 Firefox 及 Safari
  
  

Roadmap

最新的 roadmap，包括以完成（x）与目标开发的功能：

• [x] Core functionality
  
  
  • [x] kicad_sch parser
  • [x] kicad_pcb parser
  • [x] kicad_wks parser
  • [x] kicad_pro parser
  • [x] Rendering KiCAD 6 schematics
  • [x] Rendering KiCAD 6 boards
  • [x] Rendering KiCAD 6 text
  • [x] Rendering worksheets
  • [x] Loading hierarchical schematics
  • [x] Rendering KiCAD 7 schematics
  • [x] Rendering KiCAD 7 boards
  • [x] Rendering KiCAD 7 text
  • [ ] Rendering bitmap objects
  • [ ] Rendering custom fonts
    
    
• [ ] Viewer functionality
  
  
  • [x] Pan/zoom
  • [x] Zoom to page
  • [x] Zoom to selection
  • [x] Cursor position
  • [x] Page information
  • [x] Symbol selection
  • [x] Footprint selection
  • [x] Inspecting selected symbols and footprints
  • [x] Footprint filtering
  • [x] Symbol filtering
  • [x] Board layer selection and visibility
  • [x] Board net selection
  • [x] Board net filtering
  • [x] Board object visibility controls
  • [ ] Board trace selection
  • [ ] Board zone selection
  • [ ] Copy selected item for pasting into KiCAD
  • [x] Theming
  • [ ] Onion view
    
    
• [x] Standalone web application (kicanvas.org)
  
  
  • [x] Loading files and projects from GitHub
  • [x] Navigating hierarchical sheets
  • [ ] BOM view
  • [ ] Deep linking
  • [x] Project viewer
  • [ ] Symbol library browser
  • [ ] Footprint library browser
  • [ ] Assembly guide
  • [ ] Mobile UI
    
    
• [ ] Embedding API
  
  
  • [x] Non-interactive document embedding
  • [x] Interactive document embedding
  • [ ] Fragment embedding
  • [ ] Deep linking
  • [ ] Footprint embedding
  • [ ] Symbol embedding
  • [ ] Assembly guide embedding
    
    
• [ ] Integrations
  
  
  • [ ] MkDocs/Python markdown integration
  • [ ] Jupyter integration
  • [ ] Sphinx integration
    
    
• [ ] Browser compatibility
  
  
  • [x] Chrome
  • [x] Firefox
  • [x] Safari
  • [ ] Chrome (Android)
  • [ ] Firefox mobile
  • [ ] Safari mobile
    
    

该项目不会包含以下功能：

• 任何类型的编辑 - KiCanvas 是只读的，不会支持编辑功能。
• 离线渲染
• 3D PCB和组件渲染
• 服务器端使用
• 比较/视觉差异
• 与前端框架（React、Vue 等）的特定集成 - KiCanvas 是使用 Web 组件构建的，应该开箱即用。
  
  

应用及仓库地址

KiCanvas应用网址：

https://kicanvas.org/

KiCanvas仓库地址：

https://github.com/theacodes/kicanvas

License：MIT