【技术实现步骤摘要】
本申请涉及芯片设计，具体为一种芯片二维模型线上交互方法、装置和存储介质。
技术介绍
1、canvasapi是html5中用于在网页上实时生成图像的接口，它可以操作图像内容，基本上是一个可以用javascript操作的位图。canvasapi提供了大量的绘图函数，可以在网页上创建2d图像、线条、静态或动态影像、3d效果的图形等。它使用独立的画布，每个画布都有对应的javascriptcontext，可以在其中调用canvasapi的绘图功能。canvasapi的主要功能包括绘制线段、填充图形、绘制文字、进行2d变换、保存和重置画布状态等。canvasapi被广泛应用于动画、视频、游戏、icon图像等场景中，可以帮助开发者实现动态图像，提高网页的设计效率。
2、现有技术中，基于现有的canvasapi设计出的芯片二维模型，只能对二维模型进行鼠标点击和上移等操作，不能进行拖拽和阅读芯片引脚信息等操作。
技术实现思路
1、本申请的目的在于提供一种芯片二维模型线上交互方法、装置和存储介质，以解决用户不能与canvasapi设计出的芯片二维模型进行交互的技术问题。
2、为实现上述目的，本申请提供如下技术方案：
3、第一方面，本申请的技术方案提出一种芯片二维模型线上交互方法，应用于交互插件，所述交互插件用于与用户线上交互，所述方法包括：
4、基于所述交互插件，获取芯片的引脚数量；所述交互插件预先导入vue项目；
5、基于所述芯片的引脚信
6、基于所述交互插件，创建渲染器；
7、基于所述渲染器和引脚容器，获取渲染后的芯片二维模型；所述渲染后的芯片二维模型用于进行交互。
8、作为本申请技术方案中一个具体的方案，所述基于所述芯片的引脚信息，创建引脚容器包括：
9、获取引脚的数量和各个引脚的字符串长度；
10、获取芯片的矩形宽度；
11、基于引脚的数量、各个引脚的字符串长度、芯片的矩形宽度，创建引脚容器。
12、作为本申请技术方案中一个具体的方案，所述获取引脚的数量和各个引脚的字符串长度包括：
13、若引脚的数量小于等于预设数值，则获取芯片的左引脚和右引脚的字符串长度；
14、若引脚的数量大于预设数值，则获取芯片的左引脚、右引脚、上引脚和下引脚的字符串长度。
15、作为本申请技术方案中一个具体的方案，所述渲染后的芯片二维模型用于进行交互包括：
16、将鼠标放置在渲染后的芯片二维模型的引脚后，所述鼠标指针变手指针，且显示所述引脚的索引；
17、将所述手指针上移，则引脚变色。
18、第二方面，本申请的技术方案提出一种芯片二维模型线上交互装置，包括处理模块；
19、所述处理模块用于，基于交互插件，获取芯片的引脚数量；所述交互插件预先导入vue项目；
20、以及，基于所述芯片的引脚信息，创建引脚容器；
21、以及，基于所述交互插件，创建渲染器；
22、以及，基于所述渲染器和引脚容器，获取渲染后的芯片二维模型；所述渲染后的芯片二维模型用于进行交互。
23、作为本申请技术方案中一个具体的方案，所述装置还包括获取模块；
24、所述获取模块用于，获取引脚的数量和各个引脚的字符串长度；
25、以及，获取芯片的矩形宽度；
26、所述处理模块还用于，基于引脚的数量、各个引脚的字符串长度、芯片的矩形宽度，创建引脚容器。
27、作为本申请技术方案中一个具体的方案，
28、若引脚的数量小于等于预设数值，则获取芯片的左引脚和右引脚的字符串长度；
29、若引脚的数量大于预设数值，则获取芯片的左引脚、右引脚、上引脚和下引脚的字符串长度。
30、作为本申请技术方案中一个具体的方案，所述处理模块还用于，将鼠标放置在渲染后的芯片二维模型的引脚后，所述鼠标指针变手指针，且显示所述引脚的索引；
31、以及，将所述手指针上移，则引脚变色。
32、第三方面，本申请的技术方案提出一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理模块执行时实现如第一方面中任一项所述的一种芯片二维模型线上交互方法。
33、与现有技术相比，本申请的有益效果是：
34、本申请主要通过交互插件解决基于基础canvas设计出的芯片二维模型在线可交互的技术问题。相对于基础canvas，用户能够在线上对设计出的芯片二维模型进行拖拽和阅读芯片引脚信息等操作。本申请只需要通过交互插件构建硬件的舞台，硬件尺寸则由程序员根据舞台与硬件展示的尺寸，设计展示的比例，成本较低，且有较好的技术效果。
本文档来自技高网...【技术保护点】
1.一种芯片二维模型线上交互方法，应用于交互插件，所述交互插件用于与用户线上交互，其特征在于，所述方法包括：
2.根据权利要求1所述的芯片二维模型线上交互方法，其特征在于，所述基于所述芯片的引脚信息，创建引脚容器包括：
3.根据权利要求2所述的芯片二维模型线上交互方法，其特征在于，所述获取引脚的数量和各个引脚的字符串长度包括：
4.根据权利要求1至3中任意一项所述的芯片二维模型线上交互方法，其特征在于，所述渲染后的芯片二维模型用于进行交互包括：
5.一种芯片二维模型线上交互装置，其特征在于，包括处理模块；
6.根据权利要求5所述的芯片二维模型线上交互装置，其特征在于，所述装置还包括获取模块；
7.根据权利要求6所述的芯片二维模型线上交互装置，其特征在于，
8.根据权利要求5至7中任意一项所述的芯片二维模型线上交互装置，其特征在于，所述处理模块还用于，将鼠标放置在渲染后的芯片二维模型的引脚后，所述鼠标指针变手指针，且显示所述引脚的索引；
9.一种计算机可读存储介质，其特征在于，其上存储有
...【技术特征摘要】
1.一种芯片二维模型线上交互方法，应用于交互插件，所述交互插件用于与用户线上交互，其特征在于，所述方法包括：
2.根据权利要求1所述的芯片二维模型线上交互方法，其特征在于，所述基于所述芯片的引脚信息，创建引脚容器包括：
3.根据权利要求2所述的芯片二维模型线上交互方法，其特征在于，所述获取引脚的数量和各个引脚的字符串长度包括：
4.根据权利要求1至3中任意一项所述的芯片二维模型线上交互方法，其特征在于，所述渲染后的芯片二维模型用于进行交互包括：
5.一种芯片二维模型线上交互装置，其特征在于，包括处...
【专利技术属性】
技术研发人员：王秋英，
申请(专利权)人：上海楷领科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。