let devicePixelRatio = window.devicePixelRatio || 1;
console.log(window.devicePixelRatio)
 let backingStoreRatio =
          context.webkitBackingStorePixelRatio ||
          context.mozBackingStorePixelRatio ||
          context.msBackingStorePixelRatio ||
          context.oBackingStorePixelRatio ||
          context.backingStorePixelRatio ||
that.pixelRatio = devicePixelRatio / backingStoreRatio;
console.log('devicePixelRatio:',devicePixelRatio,',backingStoreRatio:',backingStoreRatio,',pixelRatio:',that.pixelRatio);
if (that.pixelRatio !== 1) that.transform = [that.pixelRatio, 0, 0, that.pixelRatio, 0, 0]
其一：改变设备像素比
 
 
MDN - window.devicePixelRatio
 window.devicePixelRatio：获取设备像素比
 
 其二：改变transform
 
 MDN - transform
 transform是控制缩放的，在canvas渲染时，先画一个2倍容器大小的画布，然后再使用css来缩小画布的尺寸为容器的尺寸。
 transform属性，有5种属性值，可以旋转，缩放，倾斜或平移给定元素；
 
 其中，CSS函数 matrix() 指定了一个由指定的 6 个值组成的 2D 变换矩阵。这种矩阵的常量值是隐含的，而不是由参数传递的；其他的参数是以列优先的顺序描述的。MDN - matrix
 
matrix()函数中6个值表示以下函数:
 matrix( scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY() )
 
<template>
    <div id="the-canvas" style="width:650px;"></div>
</template>
<script>
import PDFJS from "pdfjs-dist";
import { TextLayerBuilder } from "pdfjs-dist/web/pdf_viewer";
import "pdfjs-dist/web/pdf_viewer.css";
PDFJS.GlobalWorkerOptions.workerSrc = "pdfjs-dist/build/pdf.worker.js";
let _ = require("lodash");
// const FILE_PATH = "/dp/api/v1/scene/bondReview/getFileByPath";
export default {
  data(){
    return{
      scale: 1,
      pixelRatio:1,
      transform: null,
  mounted() {
    const parentBox = document.querySelector(`#the-canvas`);
    this.boxWidth = parentBox.offsetWidth - 20;
    this.getPDF();
    console.log(this.pdfDoc)
  methods:{
    //获取最外面的父容器
    getParentBox(){
      return document.getElementById('the-canvas');
    //根据容器宽度和PDF宽度确定缩放比例
    async getScaleBox(pdfPage){
      console.log(this.boxWidth)
      await pdfPage.then(res => {
        const [x1, , x2] = res._pageInfo.view;
        const pageWidth = x2 - x1;
        this.scale = this.boxWidth / pageWidth;
        // this.scale = 3;
      const scale = this.scale;
      console.log(this.scale)
      return scale
    //通过URL请求PDF
    async getPDF(url) {
      const myHeader = {
        method: "GET",
        Accept: "application/json",
        "if-None-Match": 1,
        pragma: "no-cache",
        "cache-control": " no-cache"
      console.log(url)
      const src = {
        url: '/flie/data1.pdf',
        httpHeaders: myHeader,
        withCredentials: true,
        cMapUrl: "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/",
        cMapPacked: true,
      var loadingTask = PDFJS.getDocument(src);
      loadingTask.promise.then(pdf => {
        const pdfDoc = pdf;
        this.pdfDoc = pdfDoc;
        const pdfPage = pdfDoc.getPage(1);
        //确定缩放比例
        const scalePromise = this.getScaleBox(pdfPage);
        this.scale = scalePromise.then(res => {
            console.log(res);
            return res
        this.renderAll();
      }).catch(err => err);
    //渲染某一页PDF
    render(pageNum){
      const that = this;
      console.log(pageNum)
      this.pdfDoc.getPage(pageNum).then(function(page) {
        // 创建新的canvas
        const canvas = document.createElement(`canvas`);
        const context = canvas.getContext("2d");
        let devicePixelRatio = window.devicePixelRatio || 1;
        console.log(window.devicePixelRatio)
        let backingStoreRatio =
          context.webkitBackingStorePixelRatio ||
          context.mozBackingStorePixelRatio ||
          context.msBackingStorePixelRatio ||
          context.oBackingStorePixelRatio ||
          context.backingStorePixelRatio ||
        that.pixelRatio = devicePixelRatio / backingStoreRatio;
        // console.log('devicePixelRatio:',devicePixelRatio,',backingStoreRatio:',backingStoreRatio,',pixelRatio:',that.pixelRatio);
        if (that.pixelRatio !== 1) that.transform = [that.pixelRatio, 0, 0, that.pixelRatio, 0, 0]
        var viewport = page.getViewport({ scale: that.scale, });
        canvas.width = viewport.width * that.pixelRatio;
        canvas.height = viewport.height * that.pixelRatio;
        canvas.style.width = viewport.width  + 'px';
        canvas.style.height = viewport.height + 'px';
        var renderContext = {
            canvasContext: context,
            viewport: viewport,
            transform: that.transform,
        console.log(canvas)
        page.render(renderContext);
        //创建渲染的dom
        const pageDom = document.createElement('div');
        pageDom.className = `page${pageNum}`;
        pageDom.append(canvas);
        let parentBox = that.getParentBox();
        parentBox.append(pageDom);
    //渲染所有PDF
    renderAll(){
      const allPages = this.pdfDoc.numPages;
      console.log(this.pdfDoc.numPages)
      console.log(allPages);
      //i要从1开始，没有第0页，从0开始会报错
      for(let i = 1;i <= allPages;i++){
          this.render(i);
</script>
<style>
</style>
                    核心代码let devicePixelRatio = window.devicePixelRatio || 1;console.log(window.devicePixelRatio) let backingStoreRatio =          context.webkitBackingStorePixelRatio ||          context.mozBackingStorePixelRatio ||          context.msBackingStorePixelRa
　　《google android sdk开发范例大全(第3版)》在上一版的基础上，以android手机应用程序开发(采用android sdk 2.3.3)为主题，超过200多个范例全面且深度地整合了手机、网络及服务等多个开发领域，为读者提高程序设计能力提供了很大的帮助。
　　 全书共分11章，主要以范例集的方式来讲述android的知识点，详细介绍了开发android的人机交互界面、android常用的开发控件、android手机收发短信等通信服务、开发android手机的自动服务功能和娱乐多媒体功能以及整合android与google强大的网络服务等内容。随书光盘中包括了所有范例的程序代码。
　　 《google android sdk开发范例大全(第3版)》继承前两版由浅入深的方式，范例总数由原先的160多个增加到了200多个，在用户交互界面、手机控件、交互式通信服务、手机自助服务、娱乐多媒体等方面均增加了相应的范例来介绍新的开发技术，特别是新增加了第11章来专门介绍html5技术在android移动设备里的应用，相信当下两个热门技术的交汇会碰撞出不一样的火花。
　　 《google android sdk开发范例大全(第3版)》内容由android的基础知识到实际开发应用，结构清晰、语言简洁，非常适合android的初学者和android的进阶程序开发者阅读参考。 
《google android sdk开发范例大全(第3版)》 
第1章　了解、深入、动手做　1 
1.1　红透半边天的android　2 
1.2　本书目的及范例涵盖范围　3 
1.3　如何阅读本书　4 
1.4　使用本书范例　5 
1.5　参考网站　6 
第2章　android初体验　7 
2.1　安装android sdk与adt/ddms　8 
2.2　创建第一个android项目(hello android!)　11 
2.3　android应用程序架构——从此开始　15 
2.4　可视化的界面开发工具　18 
2.5　部署应用程序到android手机　19 
第3章　用户人机界面　22 
3.1　更改与显示文字标签　23 
3.2　更改手机窗口画面底色　24 
3.3　更改textview文字颜色　26 
3.4　置换textview文字　28 
3.5　取得手机屏幕大小　29 
3.6　样式化的定型对象　30 
.3.7　简易的按钮事件　32 
3.8　手机页面的转换　34 
3.9　调用另一个activity　37 
3.10　不同activity之间的数据传递　41 
3.11　返回数据到前一个activity　44 
3.12　具有交互功能的对话框　49 
3.13　置换文字颜色的机关　51 
3.14　控制不同的文字字体　52 
3.15　如iphone拖动相片特效　54 
3.16　自制计算器　56 
3.17　关于(about)程序信息　58 
3.18　程序加载中，请稍候　61 
3.19　全屏幕以按钮重写　63 
3.20　今晚到哪儿打牙祭　64 
3.21　android变脸　67 
3.22　打勾显示输入的密码　69 
3.23　android多语系支持　71 
3.24　判断手机操作系统版本是否允许运行程序　72 
3.25　两个不同的程序彼此调用　75 
3.26　指定安装应用程序迁移至sd卡　78 
3.27　手机动态layout主题随手势物换迁移　79 
第4章　史上超豪华的手机控件　84 
4.1　edittext与textview共舞　85 
4.2　设计具有背景图的按钮　86 
4.3　给圣诞老人的信息　88 
4.4　我同意条款　90 
4.5　消费券采购列表　92 
4.6　向左或向右　94 
4.7　专业相框设计　96 
4.8　自定义下拉菜单模式　99 
4.9　动态添加/删除的spinner菜单　102 
4.10　心爱小宝贝相片集　104 
4.11　快速地搜索手机文件引擎　107 
4.12　按钮也能随单击变换　109 
4.13　具自动提示功能的菜单　110 
4.14　数字及模拟小时钟设计　112 
4.15　动态输入日期与时间　114 
4.16　猜猜红桃a在哪儿　117 
4.17　后台程序运行进度提示　121 
4.18　动态文字排版　124 
4.19　在activity里显示列表　128 
4.20　以动态列表配置选项　130 
4.21　查找程序根目录下所有文件　134 
4.22　加载手机磁盘里的图片文件　137 
4.23　动态放大缩小imageview里的图片　139 
4.24　动态旋转图片　142 
4.25　猜猜我在想什么　145 
直接用了开源的pdfjs插件，获取地址都在gitup上
跨域等问题解决后，在手机端点开pdf在线预览，发现跟模拟器上不一样，谷歌模拟器上比较清晰，手机上高糊，放大后看不清，没办法，只能为此努力了。 
原因分析：
pdf文件上的页面文字太小了，只能在放大的时候重新渲染pdf，
解决方案：
1.优先放大scale的参数，一般把1变为2，如果不够可以继续变大，大部
  <div class="view">
    <template v-for="item in pageNum" :key="item">
      <canvas :id="`pdf-canvas-${item}`" class="pdf-page" />
    </template>
  <!-- <div class="footer"&gt
				
背景故事：
    博主最近需要实现一个可在web页面上传多张图片，把上传的多张图片生成一个pdf文件的功能。实现思路是把图片加载到HTML页面中，通过canvas重新压缩、绘制以后，用jspdf.js生成pdf文件。用到的js库：jquery.js、jsPdf.js
遇到的问题：
    1、生成的pdf文件，图片很模糊，跟原图差距很大；
    2、打开的pdf文件，会报错（如下图）。...




    

因为canvas是一个画图，所以我在适应移动端和pc端的时候出现了清晰度的问题问题，百度搜索了一下，整理出来
我的原因是dpi 的原因
如上所描述，pdf显示小，不够清晰。有一个重要的原因是默认dpi为96，然后网页一般使用dpi为72。
具体dpi ,
DPI（Dots Per Inch，每英寸点数）是一个量度单位，用于点阵数码影像，指每一英寸长度中，取样、可显示或输出点的数目。
DPI是打印机、鼠标等设备分辨率的度量单位。是衡量打印机打印精度的主要参数之一，一般来说，DPI值越高，表明打印机的打
内容简介：
《花好月圆：中文版Adobe?Photoshop?CS/Premiere?Pro?1.5动感婚纱电子相册制作宝典》是国内顶尖级的制作动感电子相册的书籍。它运用最新的技术,详细介绍如何利用Adobe?Premiere?Pro?1.5打造动感电子相册,是广大电子相册制作爱好者的良师益友。全书图文并茂,语言简练翔实,使大家备感亲切。书中内容针对性和可操作性极强,在简要介绍Adobe?Premiere?Pro?1.5的基础知识和利用Photoshop?CS对照片进行处理的基础上,通过“Take?Me?To?Your?Heart”和“花好月圆夜”动感婚纱电子相册实例的实战操作,详细介绍如何利用Adobe?Premiere?Pro?1.5制作动感电子相册,并介绍了配套及附赠的动感电子相册模板的使用方法和应用技巧,使读者在学习之后能举一反三,轻松制作各种动感电子相册,而不拘泥于婚纱相册的制作,为大家的生活增添绚丽的色彩。本书适合希望能自己动手制作电子相册的初学者以及从事影楼数码工作、多媒体制作、影视广告制作、个人或专业VCD、DVD制作人员阅读参考,也可作为大专院校相关专业的实训教材和相关培训班的培训教材。光盘内容:本书配套的“Take?Me?To?Your?Heart”和“花好月圆夜”动感婚纱电子相册模板所需的所有素材剪辑。附送“一生有你”动感婚纱电子相册模板所需的所有素材剪辑和Adobe?Premiere?Pro?1.5项目文件及“水晶”、“水晶之恋”、“月亮代表我的心”等3个动感婚纱电子相册模板的项目文件。还包括本书范例制作的全程多媒体视频教学,方便广大读者学习时使用。
第1章 认识Adobe Premiere Pro 1.5
1.1 Adobe Premiere Pro 1.5的系统要求
1.2 安装Adobe Premiere Pro 1.5
1.3 Adobe Premiere Pro 1.5的运行和退出
1.3.1 运行Adobe Premiere Pro 1.5
1.3.2 退出Adobe Premiere Pro 1.5
1.4 Adobe Premiere Pro 1。5项目参数的设置
1.4.1 预置项目设置的使用
1.4.2 自定义项目的参数设置。
1.5 Adobe Premiere Pro 1.5的工作界面
1 5.1 Adobe Premiere Pro 1 5的菜单栏概览
1.5.2. Adobe Premiere Pro 1.5的常用窗口
1.5.3 Adobe Premiere Pro 1.5的各调板功能简介
1.6 Adobe Premiere Pro 1.5的系统参数设置
1.6.1 常规参数设置
1.6.2 音频参数设置
1.6.3 音频硬件参数设置
1.6.4 自动存储参数设置
1.6.5 采集参数设置
1.6.6 设备管理参数设置
1.6.7 标签颜色参数设置
1.6.8 缺省标签参数设置
1.6.9 暂存磁盘参数设置
1.6.10 静态图像参数设置
1.6，11 字幕设计器参数设置
1.6.12 修剪模式参数设置
1.7 定制快捷键
1.8 设置字幕设计器中字体名称为中文
1.9 保存项目文件
1.10 预览项目
1.11 Adobe Premiere Pro 1.5的项目输出
1.11.1 项目的输出设置和输出AVI格式视频文件
1.11 2 输出单个画面的图像文件
1.11.3 输出波形格式音频文件
1.11.4 输出MPEG格式或流媒体格式的视频文件
1.11.5 输出DVD
1.12 本章小结
第2章 Photoshop cs对照片图像的预处理
2.1 建立横向照片的预处理动作
2.2 建立竖向照片的预处理动作
2.3 对横向照片或竖向照片进行批处理。
2.4 本章小结
第3章 “Take Me To Your Heart”动感婚纱电子相册实例效果预览和配套素材说明
3.1 “Take Me To Your Heart”动感婚纱电子相册实例效果预览
3.2 “Take Me To Your Heart”动感婚纱电子相册实例素材简介
3.3 本章小结
第4章 “Take Me To Your Heart”动感婚纱电子相册制作实战
4.1 新建一个项目文件
4.2 导入相关的素材剪辑文件
4.2.1 导入照片素材文件
4.2.2 导入图像素材文件
4.2.3 导入视频素材文件
4 2.4 导入蒙版素材文件
4.2.5 导入字幕素材文件
4.3 建立分镜头1视频片段效果
4.3 1 分镜头1视频片段使用的相关素材和技术概览
4.3.2 建立照片移动效果的序列素材剪辑
4.3.3 新建序列并迭加用于创建分镜头1背景画面的素材剪辑
4.3.4 嵌套迭加分镜头01_照片序列
4.3 5 迭加用于分镜头1装饰效果的素材剪辑
4.4 建立分镜头2视频片段效果
4.4.1 分镜头2视频片段使用的相关素材和技术概览
4.4 2 建立一组移动蒙版效果的序列素材剪辑
4.4.3 建立一组蓝光移过文字效果的序列素材剪辑
4.4 4 建立旋转花朵效果的序列素材剪辑.
4 4.5 新建序列并迭加用于创建分镜头2动感背景的素材剪辑
4.4.6 迭加用于分镜头2视频片段的照片图像素材剪辑
4.4.7 嵌套蓝光移过文字效果的序列素材剪辑
4.4.8 嵌套旋转花朵效果的序列素材剪辑
4.4.9 迭加用于分镜头2视频片段增加光影效果的素材剪辑
4.5 建立分镜头3视频片段效果
4 5.1 分镜头3视频片段使用的相关素材和技术概览
4.5.2 新建序列并建立照片图像缓缓移动效果
4.5.3 建立背景画面缓缓移动的视频效果
4.5.4 建立并插入一个静态字幕素材剪辑
4 5.5 建立以淡入方式显示的带边框照片缩略图效果
4.6 建立分镜头4视频片段效果
4.6.1 分镜头4视频片段使用的相关素材和技术概览
4.6.2 建立照片上下缓缓移动效果的序列素材剪辑
4.6.3 新建序列并迭加用于构建背景画面的图像素材剪辑
4.6.4 嵌套迭加分镜头04_照片序列
4.6.5 建立带阴影的照片的飘移动态效果
4.6.6 迭加跳动文字效果的序列图片素材剪辑
4.4.7 建立分镜头5视频片段效果
4.7.1 分镜头5视频片段使用的相关素材和技术概览.
4.7.2 建立名为分镜头05_照片序列01的序列素材剪辑
4.7.3 建立名为分镜头05一照片序列02的序列素材剪辑
4.7.4 新建序列并迭加用于背景画面的视频紊材剪辑
4.7.5 嵌套迭加分镜头05_照片序列02序列素材剪辑
4.7.6 嵌套迭加分镜头05.照片序列01序列素材剪辑
4.7.7 建立玫瑰花逆时针旋转的动态效果
4.7.8 建立并插入一个静态字幕素材剪辑
4.8 建立分镜头6视频片段效果
4.8.1 分镜头6视频片段使用的相关素材和技术概览
4.8.2 建立照片移动效果的序列素材剪辑
4.8.3 建立一组带单色调效果照片的序列素材剪辑
4.8.4 建立移动蒙版效果的序列索材剪辑
4.8.5 新建序列并迭加用于背景画面的视频素材剪辑
4.8.6 建立并插入一个静态宇幕素材剪辑
4.8.7 嵌套迭加照片移动效果的序列素材剪辑
4.8.8 嵌套迭加带单色调效果照片的序列素材剪辑
4.8.9 迭加一组光影效果的序列图片素材剪辑
4.9 建立分镜头7视频片段效果
4.9.1 分镜头7视频片段使用的相关素材和技术概览
4.9.2 建立照片移动效果的序列素材剪辑
4.9.3 建立枫叶蒙版移动效果的序列素材剪辑
4.9.4 建立照片飘移效果的序列素材剪辑
4.9.5 新建序列并迭加用于构建背景画面的图像素材剪辑
4.9.6 嵌套迭加照片移动效果的序列素材剪辑
4.9.7 建立在移动的枫叶中渐隐渐现显示照片的动态效果
4.10 建立分镜头8视频片段效果
4.10.1 分镜头8视频片段使用的相关素材和技术概览
4.10.2 新建序列并建立照片图像缓缓移动效果
4.1O.3 迭加用于分镜头08的图像素材剪辑和序列图片素材剪辑
4.10.4 建立并插入一个静态字幕素材剪辑
4.11 建立分镜头9视频片段效果
4.11.1 分镜头9视频片段使用的相关素材和技术概览
4.11.2 建立显示黑白灰度效果照片的序列素材剪辑
4.11.3 建立显示偏蓝色调效果照片的序列素材剪辑
4.11.4 建立显示偏绿色调效果照片的序列素材剪辑
4.11.5 建立显示偏红色调效果照片的序列素材剪辑
4.11.6 新建序列并建立背景与照片缓缓移动的效果
4.11.7 嵌套迭加显示偏红色调效果照片的序列素材剪辑
4.11.8 嵌套迭加显示偏绿色调效果照片的序列素材剪辑
4 11.9 嵌套迭加显示偏蓝色调效果照片的序列素材剪辑
4.11.10 嵌套迭加显示黑白灰度效果照片的序列素材剪辑
4.12 建立分镜头10视频片段效果
4.12.1 分镜头10视频片段使用的相关素材和技术概览
4.12.2 建立照片移动效果的序列素材剪辑
4.12.3 新建序列并迭加图像和序列图像素材剪辑
4.12.4 嵌套迭加照片移动效果的序列素材剪辑
4.12.5 建立并插入一个静态字幕素材剪辑
4.12 6 建立并插入一个滚动字幕素材剪辑
4.13 建立分镜头11视频片段效果
4.13.1 分镜头1 1视频片段使用的相关素材和技术概览
4.13.2 建立移动蒙版效果的序列素材剪辑
4.13.3 建立一组照片移动效果的序列素材剪辑
4.13.4 建立一组照片四分色效果显示的序列素材剪辑
4.13.5 新建序列并迭加四分色效果的序列素材剪辑
4.13.6 嵌套插入照片移动效果的序列素材剪辑
4.13 7 迭加环形文字旋转效果的视频素材剪辑
4.14 建立分镜头12视频片段效果
4.14.1 分镜头12视频片段使用的相关素材和技术概览
4.14 2 建立移动蒙版效果的序列素材剪辑
4.14.3 建立照片缩放移动效果的序列素材剪辑
4.14.4 建立照片成组显示的序列素材剪辑
4.14.5 新建序列并迭加用于背景画面的视频素材剪辑
4.14.6 嵌套插入照片成组显示的序列素材剪辑
4.14.7 嵌套照片缩放移动效果的序列素材剪辑
4.15 编排迭加各分镜头序列素材剪辑和输出视频文件
4.15.1 导入音乐素材文件
4.15.2 新建一个序列并插入音频素材剪辑.
4.15.3 嵌套插入各分镜头视频片段效果的序列素材剪辑.
4.15.4 建立并插入一个静态标题字幕素材剪辑
4.15.5 输出PAL制式DVD格式的视频文件
4.16 本章小结
第5章 “花好月圆夜”动瓣纱电子相册实例效果预览和配套素材说明
5.1 “花好月圆夜”动感婚纱电子相册实例效果预览
5.2 “花好月圆夜”动感婚纱电子相册实例素材简介
5.3 本章小结
第6章 “花好月圆夜”动感婚纱电子相册制作实战
6.1 新建一个项目文件
6.2 导入相关的素材剪辑文件
6 2.1 导入照片素材文件
6.2.2 导入图像素材文件
6.2 3 导入视频素材文件
6.2.4 导入蒙版素材文件
6.3 建立分镜头1视频片段效果
6.3.1 分镜头1视频片段使用的相关素材和技术概览
6.3.2 建立照片移动效果的序列素材剪辑
6.3.3 建立照片图像在月亮中显示效果的序列素材剪辑.
6.3.4 建立分镜头1视频片段的主场景画面
6.3.5 嵌套照片图像在月亮中显示效果的序列素材剪辑
6.3.6 给视频片段建立水中月亮倒影效果
6.4 建立分镜头2视频片段效果
6.4.1 分镜头2视频片段使用的相关素材和技术概览
6.4 2 建立一组照片的序列素材剪辑
6.4.3 建立边缘柔化照片移动效果的序列素材剪辑
6.4.4 建立分镜头2视频片段的主场景画面
6.4.5 建立画面前景从清晰到模糊的动态模糊效果
6.4.6 嵌套边缘柔化照片移动效果的序列素材剪辑.
6.5 建立分镜头3视频片段效果
6.5.1 分镜头3视频片段使用的相关素材和技术概览
6.5 2 建立淡入淡出显示照片内容的序列素材剪辑
6.5.3 建立照片图像在月亮中显示效果的序列素材剪辑
6.5.4 建立月亮缓缓移动效果的序列素材剪辑
6.5.5 建立分镜头3视频片段主场景序列素材剪辑
6.5.6 给分镜头3视频片段建立镜头旋转推移的效果
6.6 建立分镜头4视频片段效果
6.6.1 分镜头4视频片段使用的相关素材和技术概览.
6.6.2 建立移动蒙版效果的序列素材剪辑
6.6.3 建立一组照片的序列素材剪辑
6.6.4 建立一组照片在长轴画中显示的序列素材剪辑
6.6.5 建立向下擦除显示长轴画内容的序列素材剪辑
6.6 6 建立分镜头4视频片段水波荡漾的背景画面
6.6.7 嵌套迭加向下擦除显：示长轴画内容的序列素材剪辑.
6.7 建立分镜头5视频片段效果
6.7.1 分镜头5视频片段使用的相关素材和技术概览
6 7.2 新建序列并迭加用于背景画面的视频素材剪辑
6 7.3 以边缘高度柔化的效果显示照片图像
6.7.4 建立并插入一个平移字幕素材剪辑
6.8 建立分镜头6视频片段效果
6 8.1 分镜头6视频片段使用的相关素材和技术概览
6.8.2 建立照片移动淡入淡出显示效果的序列素材剪辑
6.8.3 建立照片图像在月亮中显示效果的序列素材剪辑
6.8.4 建立分镜头6视频片段的主场景画面
6.9 编排迭加各分镜头序列素材剪辑和输出视频文件
6.9.1 导入音乐素材文件
6.9.2 新建一个序列并插入音频素材剪辑
6.9.3 嵌套插入各分镜头视频片段效果的序列素材剪辑
6.9.4 建立并插入一个静态标题字幕素材剪辑，
6.9.5 输出PAL制式DVD格式的视频文件
6.10 本章小结
第7章 动感婚纱电子相册模板的使用方法和应用技巧
7.1 动感婚纱电子相册模板的使用方法
7.1.1 替换模板中的照片图像
7.1.2 运行和保存动感婚纱电子相册模板的项目文件
7.1.3 预览和调整项目效果
7.1.4 输出PAL制式DVD格式的视频文件
7.2 利用各相册模板分镜头视频效果组合新的相册模板
7.2.1 新建一个项目文件
7.2.2 导入动感婚纱电子相册的项目文件
7.2.3 更改序列名称并导入迭加音频文件
7 2.4 嵌套插入各相册模板分镜头视频片段效果的序列素材剪辑
7.2.5 保存项目文件和生成视频文件
7.3 动感婚纱电子相册模板的应用技巧
7.3.1 更换动感婚纱电子相册模板歌曲
7.3.2 给动感婚纱电子相册模板添加卡拉OK宇幕
7.4 本章小结
4.2.2 时间轴面板（Timeline Panel)
4.2.3 合成面板（Composition Panel)
4.2.4 特效控制面板（Effect Control Panel)
4.2.5 素材面板（Footage Panel)
4.2.6 层面板（Layer Panel)
4.3 本章小结
4.4 本章习题
第5章 After Effects 7.0其他常用面板
5.1 工具面板（Tools Panel)
5.2 信息面板（Info Panel)
5.3 时间控制面板（Time Controls Panel)
5.4 音频面板（.Audio Panel)
5.5 特效与动画预设面板（Effects & Presets Panel)
5.6 字符面板（Character Panel)
5.7 段落面板（Paragraph Panel)
5.8 绘画面板（Paint Panel)
5.9 笔尖面板（Brush Tips Panel)
5.10 排列与分布面板（Align & Distribut Panel)
5.11 跟踪控制面板（Tracker Controls Panel)
5.12 运动草图面板（Motion Sketch Panel)
5.13 平滑器面板（The Smoother Panel)
5.14 摆动器面板（The Wiggler Panel)
5.15 智能遮罩插值面板（Smart Mask Interpolation Panel)
5.16 本章小结
5.17 本章习题
第6章 用After Effects对素材进行加工处理
6.1 素材的概念
6.2 素材操作流程
6.3 音频素材的处理
6.3.1 音频素材的剪辑操作
6.3.2 音频素材的预览
6.3.3 音频素材特效处理和输出
6.4 本章小结
6.5 本章习题
第7章 After Effects基础应用
7.1 收藏鉴宝宣传片《中华古玉》
7.2 电视片花《新观点》
7.3 本章小结
7.4 本章习题
第8章 使用内置特效插件
8.1 特效使用方法
8.2 3D Channel(三维通道，仅限专业版)
8.3 Audio(音频)
8.4 Blur & Sharpen(模糊与锐化)
8.5 Channel(通道)
8.6 Color Correction(颜色校正)
8.7 Distort(扭曲）
8.8 Generate(发生)
8.9 Keying(键控)
8.10 Matte Tools(蒙版工具，仅限专业版)
8.11 Noise & Grain(噪点与颗粒)
8.12 Paint(绘画，仅限专业版)
8.13 Perspective(透视)
8.14 Simulation(
1.8.6 android market 的候补之选　　 17
第2 章 应用程序基础知识：activity 和intent 　　 18
2.1 android 应用程序预览　　 18
2.1.1 秘诀1：创建工程并新建activity 　　 19
2.1.2 工程目录结构及自动生成内容　　 20
2.1.3 android 包和manifest 清单文件　　 22
2.1.4 重命名应用程序中的部分文件 　　23
2.2 activity 的生命周期　　 23
2.2.1 秘诀2：使用其他的生命周期方法　　24
2.2.2 秘诀3：强制执行单任务模式　　 26
2.2.3 秘诀4：强制屏幕方向 　　26
2.2.4 秘诀5：保存和恢复activity信息　　 27
2.3 多个activity 　　28
2.3.1 秘诀6：使用按钮和文本框　　 28
2.3.2 秘诀7：通过事件启动另外一个activity 　　 29
2.3.3 秘诀8：将语音转换成文本并启动activity 显示结果　　 32
2.3.4 秘诀9：实现选择列表 　　34
2.3.5 秘诀10：使用隐式intent 创建activity 　　 35
2.3.6 秘诀11：在activity 间传递基本数据类型　　 37
第3 章 线程、服务、receiver 以及alert 对话框　　 40
3.1 线程　　 40
3.1.1 秘诀12：启动一个辅助线程　　40
3.1.2 秘诀13：创建实现runnable接口的activity 　　 44
3.1.3 秘诀14：设置线程优先级　　 45
3.1.4 秘诀15：取消线程　　 45
3.1.5 秘诀16：在两个应用程序之间共享线程　　 46
3.2 线程之间的消息机制：handler　　 46
3.2.1 秘诀17：从主线程调度runnable 任务　　 46
3.2.2 秘诀18：使用倒数计时器 　　49
3.2.3 秘诀19：处理耗时的初始化工作　　50
3.3 服务　　51
3.4 添加broadcast receiver 　　 56
3.5 应用微件　　 58
3.6 alert 对话框　　 60
3.6.1 秘诀23：使用toast 在屏幕上显示简短消息　　 61
3.6.2 秘诀24：使用alert 对话框 　　61
3.6.3 秘诀25：在状态栏中显示通知 　　62
第4 章 用户界面布局　　 65
4.1 资源目录及其基本属性　　 65
4.2 view 和viewgroup　　 67
4.2.1 秘诀27：利用eclipse 编辑器生成布局　　 68
4.2.2 秘诀28：控制ui 元素的宽度和高度　　 71
4.2.3 秘诀29：设置相对布局和布局id　　 73
4.2.4 秘诀30：通过编程声明布局　　 74
4.2.5 秘诀31：使用独立线程更新布局　　75
4.3 文本操作　　 78
4.3.1 秘诀32：设置和更改文本属性 　　79
4.3.2 秘诀33：提供文本输入　　 81
4.3.3 秘诀34：创建表单　　82
4.4 其他控件：从按钮到拖动条 　　83
4.4.1 秘诀35：在表格布局中使用图像按钮　　 83
4.4.2 秘诀36：使用复选框和开关按钮　　 86
4.4.3 秘诀37：使用单选按钮 　　90
4.4.4 秘诀38：创建下拉菜单 　　90
4.4.5 秘诀39：使用进度条　　 92
4.4.6 秘诀40：使用拖动条 　　94
第5 章 用户界面事件　　 97
5.1 事件处理器和事件监听器　　 97
5.1.1 秘诀41：截取物理按键事件　　97
5.1.2 秘诀42：创建菜单 　　100
5.1.3 秘诀43：在xml 文件中定义菜单　　 104
5.1.4 秘诀44：使用搜索键　　 105
5.1.5 秘诀45：响应触摸事件 　　107
5.1.6 秘诀46：监听滑动手势 　　109
5.1.7 秘诀47：使用多点触控 　　110
5.2 高级用户界面库　　113
5.2.1 秘诀48：使用手势 　　114
5.2.2 秘诀49：绘制3d 图像 　　117
第6 章 多媒体技术　　 122
6.1 图像　　 123
6.2 音频　　 128
6.2.1 秘诀51：选取和播放音频文件 　　128
6.2.2 秘诀52：录制音频文件　　 131
6.2.3 秘诀53：处理原始音频 　　132
6.2.4 秘诀54：有效使用音频资源　　 136
6.2.5 秘诀55：添加媒体资源并更新路径　　 137
6.3 视频　　138
第7 章 硬件接口　　 140
7.1 照相机　　 140
7.2 其他传感器　　 145
7.2.1 秘诀57：获取设备旋转姿态　　146
7.2.2 秘诀58：使用温度传感器和光传感器　　 149
7.3 电话　　150
7.3.1 秘诀59：使用电话管理器　　150
7.3.2 秘诀60：监听电话状态 　　152
7.3.3 秘诀61：拨打电话号码 　　154
7.4 蓝牙　　154
7.4.1 秘诀62：打开蓝牙 　　155
7.4.2 秘诀63：搜索蓝牙设备 　　155
7.4.3 秘诀64：与已绑定的蓝牙设备配对　　 156
7.4.4 秘诀65：打开蓝牙套接字　　156
7.4.5 秘诀66：使用设备振动功能　　 159
7.4.6 秘诀67：访问无线网络 　　159
第8 章 网络通信　　 161
8.1 使用短信息　　 161
8.2 使用web 内容　　 169
8.2.1 秘诀69：定制web 浏览器 　　169
8.2.2 秘诀70：使用http get请求　　170
8.2.3 秘诀71：使用http post请求　　174
8.3 社交网络　　174
第9 章 数据存储方法　　 184
9.1 shared preferences 　　184
9.1.1 秘诀73：创建和检索sharedpreferences 　　 184
9.1.2 秘诀74：使用preferences框架　　 185
9.1.3 秘诀75：基于stored data改变用户界面　　 187
9.1.4 秘诀76：添加最终用户许可协议　　 190
9.2 sqlite 数据库　　 194
9.2.1 秘诀77：创建一个独立的数据库包　　 194
9.2.2 秘诀78：使用独立的数据库包　　 197
9.2.3 秘诀79：创建个人日记 　　200
9.3 内容提供器　　204
9.4 保存和载入文件　　 209
第10 章 基于位置的服务　　 210
10.1 位置服务入门　　 210
10.1.1 秘诀81：获取最新位置 　　212
10.1.2 秘诀82：在位置改变时更新信息　　 212
10.1.3 秘诀83：列出所有可用的提供器　　 214
10.1.4 秘诀84：将位置解析为地址（反向地理编码）　　 216
10.1.5 秘诀85：将地址解析为位置（地理编码） 　　 218
10.2 使用谷歌地图　　 220
10.2.1 秘诀86：在应用程序中添加谷歌地图　　 222
10.2.2 秘诀87：在地图上添加标记 　　224
10.2.3 秘诀88：在地图上添加视图　　 228
10.2.4 秘诀89：在地图上标记设备的当前位置　　 230
10.2.5 秘诀90：设置临近警告　　 231
第11 章 android 高级开发技术　　 232
11.1 android 的自定义视图　　 232
11.2 android 的原生组件　　 238
11.3 android 的安全机制　　 241
11.4 android 的进程间通信　　 242
11.5 android 的备份管理器　　 247
11.5.1 秘诀95：备份运行时数据 　　247
11.5.2 秘诀96：备份文件到云端 　　248
11.5.3 秘诀97：触发备份与还原操作　　 249
11.6 android 的动画功能　　 250
第12 章 调试　　 255
12.1 eclipse 内置的调试工具　　 255
12.1.1 秘诀99：设置运行配置　　 255
12.1.2 秘诀100：使用ddms 　　256
12.1.3 秘诀101：断点调试 　　257
12.2 android sdk 中的调试工具 　　258
12.2.1 秘诀102：使用android debug bridge 工具　　 258
12.2.2 秘诀103：使用logcat 工具 　　259
12.2.3 秘诀104：使用hierarchyviewer 工具　　 261
12.2.4 秘诀105：使用traceview工具　　 262
12.3 android 系统调试工具　　 264
<script>
import PDFJS from "pdfjs-dist";
import { TextLayerBuilder } from "pdfjs-dist/web/pdf_viewer";
import "pdfjs-dist/web/pdf_viewer.css"
				
Uniapp 是目前流行的跨平台开发框架，它支持开发多个平台的应用，包括 H5 平台。在 H5 平台上，预览 PDF 文件是常见的需求，Uniapp 提供了相关的组件和 API 支持。
首先，在 Uniapp 中使用 PDF 预览，需要使用到 PDF.JS 库。这是一款优秀的开源 JavaScript 库，可以在浏览器中渲染 PDF 文件。在 Uniapp 中，可以使用插件或自己集成 PDF.JS 库。
其次，Uniapp 提供了 Webview 组件，可以实现在 H5 平台中嵌入 PDF 预览。通过 Webview 组件，可以将 PDF.JS 库挂载到 Webview 中，实现 PDF 预览。
最后，Uniapp 还提供了文件操作的 API，可以通过 API 读取本地存储的 PDF 文件，并进行相关的操作，例如上传、下载等。同时，Uniapp 也支持使用第三方云服务进行文件的存储、管理和分享。
综上所述，Uniapp 在 H5 平台中支持 PDF 预览，需要使用到 PDF.JS 库和 Webview 组件，同时还提供了文件操作的 API 和第三方云服务支持。这样，开发者就可以轻松地实现 PDF 预览功能，提高应用的用户体验。