澳门正规赌博十大网站-澳门游戏网站
做最好的网站

澳门线上真人博彩官网:生成工具,你可能不需

  很多的 JavaScript 开发人员,包括我在内,都很喜欢 jQuery。因为它的简单,因为它有很多丰富的插件可供使用,和其它优秀的工具一样,jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用。

  jsPDF 是一个基于 澳门线上真人博彩官网:生成工具,你可能不需要。HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。浏览器兼容性: IE 10, Firefox 3 , Chrome, Safari 3 , Opera,未来将兼容 IE 10 以下版本,对于 IE10 以下的版本会使用 Downloadify 来实现文件下载功能。

  然而,另一方面,作为前端开发的基础框架,jQuery 包含大量的兼容性代码和扩展功能,其中有很多在你的整个项目中可能都不会用到。其实如果你只是针对现代浏览器,很多功能使用原生的 JavaScript 就可以实现,即使是拖后腿的低版本 IE 浏览器,兼容性也是很容易处理的。

您可能感兴趣的相关文章

您可能感兴趣的相关文章

  • 澳门线上真人博彩官网:生成工具,你可能不需要。推荐十个拥有丰富 UI 组件的 JavaScript 开发框架
  • jQuery Wheel Menu:漂亮的 Path 风格旋转菜单
  • SlimerJS – Web开发人员可编写 JS 控制的浏览器
  • Chance – 功能强大的 JavaScript 随机数生成类库
  • 精心挑选的12款优秀 jQuery Ajax 分页插件和教程
  • 期待已久的2013年度最佳 jQuery 插件揭晓
  • 小伙伴们都惊呆了!8个超炫的 Web 效果
  • 澳门线上真人博彩官网:生成工具,你可能不需要。10大流行的 Metro UI 风格 Bootstrap 主题
  • 推荐35款精致的 CSS3 和 HTML5 网页模板
  • 精选12款优秀 jQuery Ajax 分页插件和教程

 

 

 

澳门线上真人博彩官网 1

使用示例

1、文本

var doc = new jsPDF();

doc.text(20, 20, 'This is the default font.');

doc.setFont("courier");
doc.setFontType("normal");
doc.text(20, 30, 'This is courier normal.');

doc.setFont("times");
doc.setFontType("italic");
doc.text(20, 40, 'This is times italic.');

doc.setFont("helvetica");
doc.setFontType("bold");
doc.text(20, 50, 'This is helvetica bold.');

doc.setFont("courier");
doc.setFontType("bolditalic");
doc.text(20, 60, 'This is courier bolditalic.');

2、图片

// You'll need to make your image into a Data URL
// Use http://dataurl.net/#dataurlmaker
var imgData = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4ge....../2Q==';

var doc = new jsPDF();

doc.setFontSize(40);
doc.text(35, 25, "Octonyan loves jsPDF");
doc.addImage(imgData, 'JPEG', 15, 40, 180, 180);

3、HTML

var doc = new jsPDF();

// We'll make our own renderer to skip this editor
var specialElementHandlers = {
 '#editor': function(element, renderer){
  return true;
 }
};

// All units are in the set measurement for the document
// This can be changed to "pt" (points), "mm" (Default), "cm", "in"
doc.fromHTML($('#render_me').get(0), 15, 15, {
 'width': 170, 
 'elementHandlers': specialElementHandlers
});

 

您可能感兴趣的相关文章

  • Manifesto – HTML5 离线应用程序缓存校验工具
  • Popline:很特别的浮动 HTML5 文本编辑器工具栏
  • Bootstrap 3.0 正式发布,更好地支持移动端开发
  • jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
  • Superhero:构建大型 JavaScript 应用程序的资源

 

本文链接:赞!jsPDF – 基于 HTML5 的强大 PDF 生成工具

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了...

 

  下面就带大家一起看看在 IE 浏览器环境中如果使用原生 JavaScript 代码实现 jQuery 中的功能。如果你打算自己开发一个小的基础框架,可以好好参考一下这些代码的实现。 

Ajax Post

jQuery:

$.ajax({
  type: 'POST',
  url: '/my/url',
  data: data
});

IE8 :

var request = new XMLHttpRequest();
request.open('POST', '/my/url', true);
request.send(data);

Ajax Get

jQuery:

$.ajax({
  type: 'GET',
  url: '/my/url',
  success: function(resp) {

  },
  error: function() {

  }
}); 

IE8 :

request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onreadystatechange = function() {
  if (this.readyState === 4){
    if (this.status >= 200 && this.status < 400){
      // Success!
      resp = this.responseText;
    } else {
      // Error :(
    }
  }
}

request.send();
request = null;

加载 JSON

jQuery:

$.getJSON('/my/url', function(data) {

});

IE8 :

request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onreadystatechange = function() {
  if (this.readyState === 4){
    if (this.status >= 200 && this.status < 400){
      // Success!
      data = JSON.parse(this.responseText);
    } else {
      // Error :(
    }
  }
}

request.send();
request = null;

淡入效果

jQuery:

$(el).fadeIn();  

IE8 :

function fadeIn(el) {
  var opacity = 0;

  el.style.opacity = 0;
  el.style.filter = '';

  var last =  new Date();
  var tick = function() {
    opacity  = (new Date() - last) / 400;
    el.style.opacity = opacity;
    el.style.filter = 'alpha(opacity='   (100 * opacity)|0   ')';

    last =  new Date();

    if (opacity < 1) {
      (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
    }
  };

  tick();
}

fadeIn(el);

显示和隐藏

jQuery:

$(el).show();
$(el).hide();

IE8 :

el.style.display = '';
el.style.display = 'none';

添加 Class

jQuery:

$(el).addClass(className);

IE8 :

if (el.classList)
  el.classList.add(className);
else
  el.className  = ' '   className;

插入 HTML

jQuery:

$(el).before(htmlString);
$(parent).append(el);
$(el).after(htmlString);

IE8 :

el.insertAdjacentHTML('beforebegin', htmlString);
parent.appendChild(el);
el.insertAdjacentHTML('afterend', htmlString);

本文由澳门正规赌博十大网站发布于澳门游戏网站,转载请注明出处:澳门线上真人博彩官网:生成工具,你可能不需