关键字:html2canvas
  • 新手如何从零开始搭建自己的博客系统: 后台管理-依赖包安装
    <p>大家好我是图恩,上节讲到项目初始化,通过vue3的脚手架初始化项目后,通过npm run dev已经能看到项目在运行了。</p><p>接下来就到给项目添砖加瓦的时间了,首先项目需要一个组件库,包括输入框,下拉框,按钮等等这些基础的控件 ...
  • html2canvas如何生成一张透明背景色的图片
    <p>最近给后台管理系统的小工具模块新增了一个文字美化功能,就是输入一段文字可以生成一张好看的图片分享出去。通常情况下使用html2canvas就可以实现,但是如果设置了圆角效果的话,生成的图片虽然会显示圆角,但是由于背景色是默认的白色,所 ...
  • 解决html2canvas svg元素不显示的问题
    <p>思路就是将svg转为canvas,不用借助插件就可以实现,就是将页面的svg元素先转成base64,再用img显示,再将Img转成canvas,最后删除原来的svg元素就可了,赶紧试试吧。</p><pre><code > handle ...
  • 前端高效开发必备的 js 库梳理
    <article class="_2rhmJa"><h1>前端高效开发必备的 js 库梳理</h1> <p>之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和 ...
  • javascript 如何实现浏览器全屏、退出全屏效果?
    <p>大家好我是图恩,最近项目有个需求是就生成一个pdf,通过一个在线的翻页的轮播页面,点击导出就可以导出成pdf,主要是通过html2canvas跟jspdf实现,将轮播页面截图再拼接成一个pdf。点击全屏按钮就可以实现全屏,目前全屏按钮 ...
  • js实现截图功能(可实现带滚动条的长截图)
    <p><strong>支持长截图,滚动元素可截取全部</strong><br></p><pre><code class="language-javascript">/* 引入依赖 */ &lt;script src="html2Canvas ...
  • h5 小游戏总结及踩坑记录(全是干货~)
    这是近期的一个 h5 项目,由于某些原因,预览地址不能放出来。不过这不是重点,没有 demo 不就可以好好看文章了吗 哈哈哈~ 文中提到的 pixi 是 pixiJs,精灵是 pixiJs 中的概念。阅读本文假设你已经知道了这些东西,不过这 ...
  • H5 离线缓存及 Nginx 服务器配置
    欢迎移步 什么是Application Cache HTML5 的应用缓存(application cache),或者简称为appcache,是专门为开发离线Web 应用而设计的。Appcache 就是从浏览器的缓存中分出来的一块缓存区。要 ...
  • html2canvas+jspdf踩坑之路
             最近刚完成了项目中所有模块的详情页导出pdf功能。本来开始后端接了这个活,前端只要传过去单号就好,可是做到最后一直实现不来,页面总是显示一半,于是,后端把活让给了我?          还好,同组的其他伙伴项目中有用到过, ...
  • JavaScript 实现屏幕截图
    方法一 需要安装file-saver,html2canvas插件 handleExport() { let htmlDom = document.querySelector('#centerPark'); var ...

暂无数据