前端哥

【uniapp vue3 html2Canvas uQRcode】根据html生成画布,base64转本地路径,生成二维码,分享至微信,详细记录实现过程中的所有坑以及具体实现思路及完整代码

2024-02-11uniapp vue3 html2Canvas Canvas2image也可以实现,主要是实现的过程中以为需要这个插件,但最后发现不用也不影响。(2)vue3写法,callMethod定义的方法,无法在主script中触发,不能使用setup语法糖的写法。安卓系统 uniapp实现app端根据dom元素,生成图片,通过uni的系统分享,分享到微信,qq,朋友圈等。(1)uniapp不能直接操作dom元素,需要使用renderjs,在视图层操作dom元素。_vue3 html2Canvas

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

JS Canvas 中的撤销,重做,保存

2024-02-11【代码】JS Canvas 中的撤销,重做,保存。_js 撤销操作

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

vue3项目使用pdf.js插件实现:搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流

2024-02-10官网下载地址:https://mozilla.github.io/pdf.js/getting_started/#download.1、使用pdfjs已经写好的viewer.html页面。下载后将pdf.js 放到服务器上 如:http://xxxx:8080/static/pdfjs。这种方法需要从官网上将pdf.js包下载下来。pdf.worker.js:负责核心解析。通过插件docx-preview实现。2、将PDF文件渲染成Canvas。pdf.js: 负责API解析,_vue pdf.js

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

070:vue cesium: 利用Canvas设置线性渐变色材质

2024-02-09本示例的目的是介绍如何在vue cesium中设置线性渐变色的材质,这里使用Canvas的辅助方法。

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

2023双旦 跨年烟花 html Canvas实现(附源码)

2024-02-09双旦即将到来,之前在短视频平台看到3d烟花的效果,遂在网上找了一套烟花的源码,下面跟大家分享一下,下面是视频效果,代码放在下面了!!!HTML5 Canvas漂亮的3D烟花2024跨年特效可以获取代码直接运行!下面有几点需要注意修改的地方,不然可能运行不太流畅。_元旦代码特效

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

echarts文档解读

2024-02-06元素作为容器,这样绘制完图表可以直接将 Canvas 作为图片应用到其它地方,例如在 WebGL 中作为贴图,这跟使用。如果容器是隐藏的,ECharts 可能会获取不到 DIV 的高宽导致初始化失败,这时候可以明确指定 DIV 的。开始支持SVG 格式的数据。可以是字符串,也可以是解析得到的 SVG DOM 对象。将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看。可以是 JSON 字符串,也可以是解析得到的对象。解除图表实例的联动,如果只需要移除单个实例,可以将通过将该图表实例。_echarts文档

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

vue pdf.js预览本地pdf文件(可以复制文本,滚动页码展示)

2024-02-063、解析pdf,获取pdf所有页数据,使用Canvas渲染,并使用TextLayerBuilder创建文本层,可以复制文本信息。在这里就是因为微任务导致,所以我们这里渲染pdf任务可以每次渲染完一页后等待一定时间才执行下一页的渲染,空出时间给主线程。在渲染pdf数据时,当pdf文件很大渲染量很多时,会导致页面卡住,无法执行其他操作;在滚动时当前是第几页的页码同步更新展示:需要在渲染每页pdf时将每页的高度存起来,以及每页滚动的临界值。在滚动时,根据当前滚动距离和每页滚动的临界距离相比较,判断当前是第几页。_vue pdf.js插件包打开本地pdf文件

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

HTML5生日快乐在线网页祝福 (一场浪漫的烟花秀) HTML CSS JavaScript

2024-02-05?网站文件方面:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;?网页编辑方面:可使用任意HTML编辑软件(如: 等任意html编辑软件进行运行及修改编辑等操作)。其中:(1)?html文件包含:其中index.html是首页、其他html为二级页面;(2)? css文件包含:css全部页面样式,3D动态效果,雪花飘落等等(3)? js文件包含:页面炫酷效果实现14-html5 Canvas生日快乐文字烟花背景动画特效?JS代码五、?更多_生日快乐html

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

LeaferUI - 性能强悍、简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架,用于 web 端在线图形设计、图表、白板、数据可视化等场景

2024-02-05最近想做一个轻巧的在线画册和海报设计工具,最近发布的 LeaferUI 特别适合这样的场景。_web 2d绘图框架

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

uni-app APP、html引入html2Canvas截图以及截长图

2024-02-03script的module的名称可以随便取,module=(值任意,相当于命名空间,之后会根据这个名字调用其中的方法),但是change:参数名称必须和module保持一致,虽然不会阻断renderjs的运行,但是会报错,也会导致无法捕获数据的变化。对于UNI APP端的开发而言,由于上并没有document,不能进行相关的DOM操作,同时有关DOM渲染的第三方库(echart、openlayer、Canvas等)也无法有效的使用,因此官方推出了renderjs方案,来解决上述问题。_uniapp html2Canvas

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

302条数据,当前28/31

最近搜索

会员中心 联系我 留言建议 回顶部