淋着

淋着 查看完整档案

成都编辑西南科技大学  |  信息安全 编辑  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

淋着 提出了问题 · 9月24日

关于计算机网络TCP/IP分层的问题?

在双方通信时,应用层、传输层、网络层、链路层和那些硬件或者软件是一一对应的?
这个过程能够详细描述下吗?

关注 1 回答 1

淋着 收藏了文章 · 9月23日

pdfjs-dist模块实现pdf文件预览功能

对于pdf文件,经过测试ios是可以正常打开,而在安卓机上,则需要下载福昕阅读器才能打开。如何能够不借助客户端之力,依靠h5来实现pdf文件预览功能呢?我们可以安装pdfjs-dist模块来实现。

本示例是基于vue框架:

  1. 安装pdfjs-dist包:

    npm install pdfjs-dist -D

    这里使用的版本是:"pdfjs-dist": "^2.4.456"

2、html模板

<template>
    <div class="canvas-container">
        <canvas v-for="page in pages" :id="'the-     canvas'+page" :key="page">
        </canvas>
    </div>
</template>

3、script代码段

import PDFJS from 'pdfjs-dist';
import workerSrc from 'pdfjs-dist/build/pdf.worker.entry'
PDFJS.workerSrc = workerSrc;
export default {
    name: 'Pdf',
    data() {
        return {
            pages: []
        };
    },
    created() {
       this._loadFile(yourUrl);
    },
    methods: {
        _renderPage (num) {
            this.pdfDoc.getPage(num).then((page) => {
                let canvas =                        document.getElementById('the-canvas' + num)
                var vp = page.getViewport({scale: 1});
                let ctx = canvas.getContext('2d')
                let dpr = window.devicePixelRatio || 1
                let bsr = ctx.webkitBackingStorePixelRatio ||
                    ctx.mozBackingStorePixelRatio ||
                    ctx.msBackingStorePixelRatio ||
                    ctx.oBackingStorePixelRatio ||
                    ctx.backingStorePixelRatio || 1
                let ratio = dpr / bsr
                let viewport = page.getViewport({scale: window.innerWidth / vp.width});
                canvas.width = viewport.width * ratio
                canvas.height = viewport.height * ratio
                canvas.style.width = viewport.width + 'px'
                ctx.setTransform(ratio, 0, 0, ratio, 0, 0)
                let renderContext = {
                    canvasContext: ctx,
                    viewport: viewport
                }
                page.render(renderContext)
                if (this.pages > num) {
                    this._renderPage(num + 1)
                }
            })
        },
        _loadFile (url) {
            this.$showLoading();
            PDFJS.getDocument(url).promise.then((pdf) => {
                this.$closeLoading();
                this.pdfDoc = pdf
                this.pages = this.pdfDoc.numPages
                this.$nextTick(() => {
                    this._renderPage(1);
                });
            });
        }
    }
};

4、css代码

<style lang="scss" scoped>
.canvas-container{
    margin: 0 auto;
    canvas{
        height: 100vh;
    }
}
</style>
查看原文

淋着 提出了问题 · 9月23日

关于node文档处理的问题?

问题

前端上传文档比如word,后台node接收时,如何将这些文档,转换为图片返回给前端,类似一个预览的功能
能提供个思路吗?或者有相关插件吗?

关注 1 回答 1

淋着 提出了问题 · 9月17日

关于express和swagger的问题?

有人知道这个express-swagger-generator插件,如何配置下拉框吗?
image.png

关注 2 回答 0

淋着 提出了问题 · 9月17日

解决哪位大佬会用ps?

image.png

哪位会ps的大佬能把这几个字抹了吗?还是要整体居中

这是原图(透明的可能看不清楚)

image

关注 4 回答 3

淋着 提出了问题 · 9月17日

关于chrome请求头的问题?

image.png
在这个请求头中的日期有问题,时区有问题
这个该如何处理?

关注 2 回答 2

淋着 提出了问题 · 9月11日

关于sequelize的belongsTo的问题?

参考这篇sequelize入门案列

按照上面这篇文章的说法使用belongsTo会创建对应的外键约束,但是实际结果并没有创建外键约束
image.png

实际结果:并没有对应的userId的外键
image.png

这是为什么?

model: User

const Sequelize = require("sequelize");
module.exports = sequelize => {
    const User = sequelize.define("user", {
        empId: {
           type: Sequelize.STRING,
           allowNull: false,
           unique: true
        }
 });
 return User;
};

model: Account

const Sequelize = require("sequelize");
module.exports = sequelize => {
 const Account = sequelize.define("account", {
 email: {
     type: Sequelize.CHAR(20),
     allowNull: false
 }
 });
 return Account;
}

index.js

sequelize
 .authenticate()
 .then(() => {
   const User = require('./model/User')(sequelize);
   const Account = require('./model/Account')(sequelize);
   sequelize.sync({
     force: true
   })
 .then(async () => {
   // User的实例对象将拥有getAccount、setAccount、createAccount方法
   User.hasOne(Account); // 在target模型中插入关联键
   // Account的实例对象将拥有getUser、setUser、createUser方法
   Account.belongsTo(User); // 将关联键插入到source模型中
   const user = await User.create({ empId: '1' }); // (1)
   const account = await user.createAccount({ email: 'semlinker@gmail.com' }); // (2)
   // console.log(account.get({ plain: true }));

 })

 })

 .catch(err => {

  console.error('Unable to connect to the database:', err);

 });

关注 1 回答 0

淋着 提出了问题 · 9月10日

关于echarts的问题?

柱状图中使用markArea设置了背景色(从x轴开始到结束),
image.png
有使用dataZoom设置了滚动缩放
image.png
但是放大后,对应的背景色消失了?

不缩放:黄色为背景色
image.png

缩放:对应背景色失效,变成透明了或者#fff了
image.png

该如何处理?

关注 1 回答 0

淋着 赞了回答 · 9月10日

解决关于echarts的markLine的问题?

关注 3 回答 2

淋着 赞了回答 · 9月10日

解决关于echarts的markLine的问题?

关注 3 回答 2

认证与成就

  • 获得 7 次点赞
  • 获得 10 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 9 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-11-26
个人主页被 558 人浏览