pixi分享记录

pixi分享记录
Pixi.js使用WebGL,是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速,但并不需要了解WebGL。

Echarts图表之插件生成PDF下载

Echarts图表之插件生成PDF下载
需要用到的插件: <script src="js/html2canvas.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jspdf.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/echarts3.js" type="text/javascript" charset="utf-8"></script> html2canvas:将页面的dom元素转为图片的形式 jspdf:页面端的生成pdf工具,可以跳过...

html转成pdf,下载(html2canvas 和 jsPDF)

html转成pdf,下载(html2canvas 和 jsPDF)
最近碰到个需求,需要把当前页面生成pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :) html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。但这并不是真的截图,而是通过遍历页面DOM结构,收集所有元素信息及相应样式,渲染出canvas image。 由于html2canvas只能将它能处理的生成canvas image,因此渲染出来的结果并不是100%与原来一致。但它...

javascript 导出div为图片PNG,div转svg,svg转canvas

javascript 导出div为图片PNG,div转svg,svg转canvas
关于这个功能需求,目前比较多实现是两种方法: 1、将div相关数据传到后台服务器端,通过服务器语言生成图形,发送至前端下载 2、完全通过前端实现,实现几个转换过程,div为图片PNG,首先div转svg,然后svg转canvas,最后 通过浏览器下载。 优点:不依赖于后端,简单方便 弊端:部分浏览器低版本不支持,高版本IE,safri也有不支持的情况 不多说直接上代码:   <!DOCTYPE html>   <html>...

div转svg svg转canvas svg生成图片及图片下载

div转svg svg转canvas svg生成图片及图片下载
svg相关操作 div转svg  svg转canvas svg/canvas生成图片及图片下载 HTML: <div id="div"> <p>Just have a <span style='color:white; text-shadow:0 0 2px blue;'>TRY</span></p><p><b>By Dion</b></p> </div>   1、div转成svg function div2svg() { var divContent = document.getElementById("div").innerHTML; ...
Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录