CN112788138A - 一种量子云平台的线路图下载到本地的方法 - Google Patents
一种量子云平台的线路图下载到本地的方法 Download PDFInfo
- Publication number
- CN112788138A CN112788138A CN202110030168.7A CN202110030168A CN112788138A CN 112788138 A CN112788138 A CN 112788138A CN 202110030168 A CN202110030168 A CN 202110030168A CN 112788138 A CN112788138 A CN 112788138A
- Authority
- CN
- China
- Prior art keywords
- circuit diagram
- plug
- downloaded
- downloading
- cloud platform
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
- G06N10/00—Quantum computing, i.e. information processing based on quantum-mechanical phenomena
Landscapes
- Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Mathematical Analysis (AREA)
- Computing Systems (AREA)
- Evolutionary Computation (AREA)
- Condensed Matter Physics & Semiconductors (AREA)
- Computational Mathematics (AREA)
- Mathematical Optimization (AREA)
- Pure & Applied Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Mathematical Physics (AREA)
- Software Systems (AREA)
- Artificial Intelligence (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一种量子云平台的线路图下载到本地的方法,通过先对线路图的父级区域进行绑定,确保下载图为线路图整体区域,防止线路图过长或者过高而导致下载的图形显示不完整。然后下载html2canvas插件,如果线路图中的存在svg图片还需要下载canvg插件实现对svg图片的兼容,接下来就是使用html2canvas插件写生成下载链接的代码,最后写成后调用这个方法就可以实现对线路图的本地下载。这样下载的图片展示的就是html2canvas插件绑定的区域的线路图。
Description
技术领域
本发明涉及量子计算技术领域,具体涉及一种量子云平台的线路图下载到本地的方法。
背景技术
如今,量子计算技术发展突飞猛进,而对量子计算机的使用通过量子云平台来实现已经越来越普遍,量子云的主要功能就在于对量子门的可以拖拽组成想要实现某种算法的线路图,在量子云平台的线路图的拖拽后想要保存下来时面临着截图会是线路图不能完全展示的风险,这时候对整个线路图的可以下载到本地图片这一功能就显得尤为重要了。
发明内容
本发明为了克服以上技术的不足,提供了一种在对量子云平台进行电路编程时,完成线路图的拖拽后,可对拖拽完成的线路图进行本地下载的方法。
本发明克服其技术问题所采用的技术方案是:
一种量子云平台的线路图下载到本地的方法,包括:
a)利用html2canvas插件完成对需要下载的线路图的绑定;
b)将绑定的线路图转化成canvas画布;
c)将转化成canvas画布的线路图转换成base64格式的图片,生成可下载的超链接;
d)点击超链接完成对绑定线路图的下载。
进一步的,步骤a)中利用canvg插件对线路图中的svg图片进行兼容。
进一步的,步骤a)中选择要下载的区域在前端代码中布局的父元素,下载html2canvas插件及canvg插件并在该页面的js代码部分中引入html2canvas插件和canvg插件。
进一步的,步骤a)中把html2canvas插件与要下载的线路图的父元素绑定起来。
本发明的有益效果是:通过先对线路图的父级区域进行绑定,确保下载图为线路图整体区域,防止线路图过长或者过高而导致下载的图形显示不完整。 然后下载html2canvas插件,如果线路图中的存在svg图片还需要下载canvg插件实现对svg图片的兼容,接下来就是使用html2canvas插件写生成下载链接的代码,最后写成后调用这个方法就可以实现对线路图的本地下载。这样下载的图片展示的就是html2canvas插件绑定的区域的线路图。
附图说明
图1为本发明的方法流程图。
具体实施方式
下面结合附图1对本发明做进一步说明。
一种量子云平台的线路图下载到本地的方法,包括:
a)利用html2canvas插件完成对需要下载的线路图的绑定。
b)将绑定的线路图转化成canvas画布。
c)将转化成canvas画布的线路图转换成base64格式的图片,然后把此区域内容转成图片并生成图片地址即生成可下载的超链接。
d)点击超链接完成对绑定线路图的下载。可以使用一个按钮来实现点击下载的功能,然后需要一个移除下载弹窗的事件,使得该功能更加完美。
通过先对线路图的父级区域进行绑定,确保下载图为线路图整体区域,防止线路图过长或者过高而导致下载的图形显示不完整。 然后下载html2canvas插件,如果线路图中的存在svg图片还需要下载canvg插件实现对svg图片的兼容,接下来就是使用html2canvas插件写生成下载链接的代码,最后写成后调用这个方法就可以实现对线路图的本地下载。这样下载的图片展示的就是html2canvas插件绑定的区域的线路图。
进一步的,步骤a)中利用canvg插件对线路图中的svg图片进行兼容。避免svg图片不识别的bug出现。
步骤a)中选择要下载的区域在前端代码中布局的父元素,下载html2canvas插件及canvg插件并在该页面的js代码部分中引入html2canvas插件和canvg插件。
步骤a)中把html2canvas插件与要下载的线路图的父元素绑定起来。这样就可以避免线路图过长或者过高后出现漏掉内容的情况。
最后应说明的是:以上所述仅为本发明的优选实施例而已,并不用于限制本发明,尽管参照前述实施例对本发明进行了详细的说明,对于本领域的技术人员来说,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (4)
1.一种量子云平台的线路图下载到本地的方法,其特征在于,包括:
a)利用html2canvas插件完成对需要下载的线路图的绑定;
b)将绑定的线路图转化成canvas画布;
c)将转化成canvas画布的线路图转换成base64格式的图片,生成可下载的超链接;
d)点击超链接完成对绑定线路图的下载。
2.根据权利要求1所述的量子云平台的线路图下载到本地的方法,其特征在于:步骤a)中利用canvg插件对线路图中的svg图片进行兼容。
3.根据权利要求2所述的量子云平台的线路图下载到本地的方法,其特征在于:步骤a)中选择要下载的区域在前端代码中布局的父元素,下载html2canvas插件及canvg插件并在该页面的js代码部分中引入html2canvas插件和canvg插件。
4.根据权利要求3所述的量子云平台的线路图下载到本地的方法,其特征在于:步骤a)中把html2canvas插件与要下载的线路图的父元素绑定起来。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110030168.7A CN112788138A (zh) | 2021-01-11 | 2021-01-11 | 一种量子云平台的线路图下载到本地的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110030168.7A CN112788138A (zh) | 2021-01-11 | 2021-01-11 | 一种量子云平台的线路图下载到本地的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112788138A true CN112788138A (zh) | 2021-05-11 |
Family
ID=75756410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110030168.7A Pending CN112788138A (zh) | 2021-01-11 | 2021-01-11 | 一种量子云平台的线路图下载到本地的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112788138A (zh) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
-
2021
- 2021-01-11 CN CN202110030168.7A patent/CN112788138A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
Non-Patent Citations (1)
Title |
---|
杜春涛主编;付瑞平副主编: "《微信小程序开发案例教程 慕课版》", 31 August 2019 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107992304B (zh) | 一种生成显示界面的方法和装置 | |
CN110020323B (zh) | 混合应用的页面切换方法、系统、计算机设备及存储介质 | |
CN109933322B (zh) | 一种页面编辑方法、装置及计算机可读存储介质 | |
CN111740948B (zh) | 数据包发布方法、动态更新方法、装置、设备及介质 | |
US20150026549A1 (en) | Method and system for copying and pasting webpage content, and computer storage medium | |
US8078992B2 (en) | Rendering a customized list of controls | |
US8656349B2 (en) | Systems and methods for template reverse engineering | |
CN109145272B (zh) | 文本渲染和布局方法、装置、设备和存储介质 | |
CN109669692B (zh) | 源码共享方法、服务器、计算机可读存储介质及系统 | |
CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
CN109189539A (zh) | 界面的更新方法、终端及计算机可读存储介质 | |
CN112817657B (zh) | 一种应用程序启动项加载方法、装置、系统及存储介质 | |
CN115712413A (zh) | 低代码开发方法、装置、设备及存储介质 | |
CN104408201A (zh) | 垃圾文件的清理方法及装置 | |
CN110688145A (zh) | Android MVP代码自动生成方法、装置、介质、电子设备 | |
CN117875288A (zh) | 一种表单页面生成方法、装置及电子设备 | |
US20170235710A1 (en) | Undo, redo, and state switching using content-addressable data structures | |
CN101551746A (zh) | 移动通讯终端对ui界面配置方法 | |
CN111045686A (zh) | 一种提高应用反编译速度的方法、智能终端及存储介质 | |
CN107220044B (zh) | 基于元模型驱动业务对象的方法和装置 | |
CN112788138A (zh) | 一种量子云平台的线路图下载到本地的方法 | |
CN112256244A (zh) | 一种极速简约绿色Linux浏览器的创新技术 | |
CN106919375B (zh) | 一种移动终端设备上的屏幕自适应方法及系统 | |
Delessio et al. | Sams teach yourself Android application development in 24 hours | |
CN109885318B (zh) | web应用的桌面图标更新的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210511 |