2024-08-14探索Canvas2SVG：一款强大的HTML5 Canvas到SVG转换工具项目地址:https://gitcode.com/gliffy/Canvas2svgCanvas2SVG 是一个开源JavaScript库，它为开发者提供了一个优雅的方式，将HTML5 Canvas的内容实时转换成可缩放矢量图形（SVG）元素。这个项目的目的是解决Web开发中的一大难题：如何捕捉和保存Canvas绘制的..._Canvas2svg

https://www.qianduange.cn//article/15617.html 分类：前端知识

2024-08-14vue 中将页面 html 内容导出成 pdf 文件格式，使用 html2Canvas 、jspdf。首先使用 html2Canvas 将内容转换为图片，之后写入 pdf。2、创建 exportToPdf.js ，放入导出方法。_vue html转pdf

https://www.qianduange.cn//article/15598.html 分类：前端知识

2024-08-14（附源码）使用HTML JavaScript Canvas编写2D小游戏。第一次写文章，可能有些地方存在问题，如有不对的地方也请帮忙指出，谢谢。_html小游戏源代码

https://www.qianduange.cn//article/15590.html 分类：前端知识

2024-08-14在 Vue 应用中使用 HTML2Canvas 可以帮助你将 Vue 组件渲染成图片。以下是在 Vue 中使用 HTML2Canvas 的文档，它将帮助你了解如何安装、配置以及使用 HTML2Canvas。_vue html2Canvas

https://www.qianduange.cn//article/15522.html 分类：前端知识

2024-08-12这几天接到一个需求，富文本编辑器的内容不仅要展示出来，还要实现展示的内容导出pdf文件。一开始导出pdf的功能是由后端来做的，然后发现对于宽度太大的图片，导出的pdf文件里部分图片内容被遮盖了，但在前端是正常显示的，只因为class样式后端无法解析。然后，后端开发人员就嫌麻烦，让前端来实现导出pdf的功能。。。使用 html2Canvas jsPDF 纯前端导出pdf的方式还是有很多问题的，一般情况下都是后端进行文件的导出，前端配合解决样式问题。_html2Canvas jspdf

https://www.qianduange.cn//article/15326.html 分类：前端知识

2024-08-12各种动画的实现_css3 svg 动画

https://www.qianduange.cn//article/15320.html 分类：前端知识

2024-08-10本文介绍了如何使用jQuery.qrcode.min.js生成的二维码去除非美观的白边，通过创建新Canvas元素，添加边框并重绘原始二维码内容，实现无白边效果，最后提供图片格式转换的建议。

https://www.qianduange.cn//article/15265.html 分类：前端知识

2024-07-21使用CanvasExcel：以HTML5 Canvas绘制动态Excel的创新解决方案项目地址:https://gitcode.com/bojue/Canvas-excel项目简介CanvasExcel 是一个轻量级的JavaScript库，利用HTML5的<Canvas>元素来动态渲染Excel文件。它旨在提供一种在网页上展示和操作Excel数据的新方法，无需依赖Offi..._Canvas画excel表格

https://www.qianduange.cn//article/14137.html 分类：前端知识

2024-08-10探索Vue Konva：交互式Canvas图形绘制的神器项目地址:https://gitcode.com/konvajs/vue-konvaVue Konva是一个专为Vue.js设计的JavaScript库，它利用了强大的Konva框架，使得在Canvas上构建复杂图形变得简单而直观。这个库将Konva组件与Vue组件结合，提供了声明式和响应式的绑定，使得开发者能以声明性的方式创建动态且交互..._vue-konva

https://www.qianduange.cn//article/15173.html 分类：前端知识

2024-08-10drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) ：从源图像的 (sx, sy) 位置开始，截取 sWidth x sHeight 大小的区域，并将其绘制到目标位置 (dx, dy) ，绘制的大小为 dWidth x dHeight。- drawImage(image, x, y, width, height) ：在指定的 (x, y) 坐标位置绘制指定大小的图像。

https://www.qianduange.cn//article/15137.html 分类：前端知识