0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

KiCanvas:基于浏览器的KiCad查看器

KiCad 来源:KiCad 作者:KiCad 2024-11-13 18:04 次阅读

KiCanvas 是一个基于浏览器的交互式 KiCAD 原理图和电路板查看器。您可以在 https://kicanvas.org 亲自尝试。

wKgZoWcy1-CAEd63AApAP1vA0as629.png主要功能

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

wKgZoWcy1-GAe0grAAKgzkglrVg663.png

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

wKgZoWcy1-GAYx2pAAQmfadJSPY766.png

wKgZoWcy1-GANpLyAAQcx0x_y9c626.png

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

wKgZoWcy1-GAWKuzAAPRAhvRkg4517.png

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

wKgZoWcy1-KAB2cjAAuX7xtk5OY596.png

同样可以在PCB中选中器件(封装),查看其属性:

wKgZoWcy1-KAdE9IAAuoQw3dw1A758.png

支持调节对象的透明度:

wKgZoWcy1-OAJhAtAAml-2F9CWU640.png

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

wKgZoWcy1-OAPjw0AAsauGNnEcg187.png

Roadmap

KiCanvas 还处于开发早期,还有大量的工作尚未完成。 当前的首要任务是解析和渲染,接下来的重点将是嵌入 API

以下是已经完成的以及尚未完成的功能:

wKgZoWcy1-OASQ_HAADmUeTxNP0698.png

wKgZoWcy1-OAQK85AAEkWVkWG-8769.png

wKgZoWcy1-OAVh3_AAEMW1B_GSs692.png

wKgZoWcy1-OAOEAeAACC5o3eQq4973.png

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

任何类型的编辑 - KiCanvas 是只读的,不会支持编辑功能。

离线渲染

3D PCB和组件渲染

服务器端使用

比较/视觉差异

与前端框架(React、Vue 等)的特定集成 - KiCanvas 是使用 Web 组件构建的,应该开箱即用。

应用及仓库地址

KiCanvas应用网址:

https://kicanvas.org/

KiCanvas仓库地址:

https://github.com/theacodes/kicanvas

License:MIT

wKgZoWcy1-SAMmbbAABCFfRdHrA424.jpg

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • KiCAD
    +关注

    关注

    4

    文章

    105

    浏览量

    8693
收藏 人收藏

    评论

    相关推荐

    KiCad发现之旅(三)PCB 3D查看器

    “  本文转载自KiCad官网,通过几个简短的视频,帮助大家快速了解KiCad的基础功能。如需了解更多关于KiCad的咨询,请参考: KiCad常用资源  ” 利用
    的头像 发表于 11-12 12:23 90次阅读
    <b class='flag-5'>KiCad</b>发现之旅(三)PCB 3D<b class='flag-5'>查看器</b>

    KiCad发现之旅(四)Gerber查看器

    “  本文转载自KiCad官网,通过几个简短的视频,帮助大家快速了解KiCad的基础功能。如需了解更多关于KiCad的资讯,请参考: KiCad常用资源  ” Gerber
    的头像 发表于 11-12 12:23 70次阅读
    <b class='flag-5'>KiCad</b>发现之旅(四)Gerber<b class='flag-5'>查看器</b>

    自己html网站如何嵌入DigiPCBA 查看器

    官网给的DigiPCBA 查看器嵌入自己的网站代码有欠缺,请问大佬们,如何把DigiPCBA 查看器嵌入到自己的网站中,iframe会有跨域问题
    发表于 09-02 16:28

    跨域问题是由浏览器的同源策略造成的

    浏览器
    jf_62215197
    发布于 :2024年08月27日 07:51:42

    开源 KiCad/AD 查看器 + AI Copilot?

    先简单总结下这个项目的主要功能: 这是一个基于 Web 的 EDA 查看器,支持查看 KiCad 和 Altium Designer 的二进制设计图纸(和 Altium 365 查看器
    发表于 08-18 22:41

    Opera浏览器引领潮流,全球首接端侧AI大模型

    昆仑万维旗下海外平台Opera宣布,其旗舰浏览器Opera One和游戏浏览器Opera GX将正式接入端侧AI大模型,成为全球首个实现这一突破的主流浏览器
    的头像 发表于 06-03 09:18 667次阅读

    Edge浏览器关闭Microsoft Rewards扩展原因揭晓

    据报道,近期德国等地的Microsoft Edge浏览器用户发现,安装或启动Microsoft Rewards扩展后,会出现“右上角扩展被Edge浏览器禁用以保障您的浏览器安全”的提醒窗口。
    的头像 发表于 04-10 09:55 714次阅读

    js脚本怎么在浏览器中运行

    浏览器中运行JavaScript脚本是一种常见的方式,因为JavaScript是一种在Web浏览器中执行的脚本语言。下面是一个详细的,最少1500字的文章,介绍如何在浏览器中运行
    的头像 发表于 11-27 16:46 2684次阅读

    js文件可以直接浏览器运行吗

    JS文件可以直接在浏览器中运行。JavaScript(简称JS)是一种广泛用于浏览器端编程的脚本语言。作为一种解释性语言,JS不需要编译,而是由浏览器逐行解释执行。因此,JS文件可以直接在浏览
    的头像 发表于 11-27 16:45 3800次阅读

    浏览器怎么打开javascript

    浏览器是一种用于浏览和访问互联网页面的应用程序,而JavaScript是一种常用的网页编程语言,用于给网页添加交互和动态效果。本文将详细探讨如何在浏览器中打开JavaScript,并解释
    的头像 发表于 11-26 11:25 2397次阅读

    浏览器需要支持javascript怎么解决

    。本文将探讨浏览器需要支持JavaScript时的解决方案,并提供详尽、详实、细致的最少1500字的深入分析。 一、检查浏览器的JavaScript支持 在开始解决方案之前,我们首先需要确认浏览器是否已经支持JavaScript
    的头像 发表于 11-26 11:23 4779次阅读

    浏览器支持javascript怎么设置

    浏览器是我们上网冲浪的工具,而JavaScript是一种广泛使用的脚本语言,可以在网页中添加交互性和动态性。因此,确保浏览器正确支持JavaScript是非常重要的。 首先,我们需要理解什么是浏览器
    的头像 发表于 11-26 11:22 1367次阅读

    浏览器javascript被禁用怎么解开

    JavaScript是一种前端开发语言,通过运行在浏览器中的脚本来给网页增加动态交互和功能性。然而,有时候我们可能会遇到浏览器禁用JavaScript的情况,这会导致某些网页无法正常运行或功能受限
    的头像 发表于 11-26 11:21 1.9w次阅读

    ie浏览器限制运行脚本

    IE浏览器限制运行脚本是指在Internet Explorer浏览器中,存在一些限制和安全策略,以保护用户的电脑免受恶意脚本的攻击。这些限制有助于防止在浏览器中执行恶意代码,保护用户的隐私和电脑
    的头像 发表于 11-26 11:19 1416次阅读

    python控制已经打开的浏览器

    Python是一种广泛使用的编程语言,它具有强大的功能和丰富的库。其中一个功能就是控制已经打开的浏览器。这篇文章将详细介绍如何使用Python控制已经打开的浏览器,并提供一些实际的示例。 一
    的头像 发表于 11-22 14:29 3177次阅读