test/ofd.js
1
0
Fork 0
mirror of https://gitee.com/Donal/ofd.js.git synced 2024-11-30 02:48:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

适配手机端显示

Browse Source
This commit is contained in:
Donal 2020-09-13 21:36:44 +08:00
parent 9ee9e1bef2
commit 835defc1fd
2 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/HelloWorld.vue
View File

@ -17,7 +17,7 @@
import JsZip from 'jszip'
import {Jbig2Image} from '../utils/jbig2'
import {pipeline} from "../utils/pipeline"
import {getFontFamily, getExtensionByPath, replaceFirstSlash, converterDpi, convertPathAbbreviatedDatatoPoint, calPathPoint, calTextPoint} from "../utils/ofd_util"
import {setPageScal,getFontFamily, getExtensionByPath, replaceFirstSlash, converterDpi, convertPathAbbreviatedDatatoPoint, calPathPoint, calTextPoint} from "../utils/ofd_util"
let parser = require('fast-xml-parser');
import ASN1 from '@lapo/asn1js';
import Base64 from '@lapo/asn1js/base64';
@ -231,7 +231,6 @@ export default {
text.setAttribute('transform', `scale(${hScale}, 1)`)
text.setAttribute('transform-origin', `${textCodePoint.x}`);
}
console.log(text.style.width)
text.setAttribute('fill', defaultStrokeColor);
text.setAttribute('fill', defaultFillColor);
text.setAttribute('style', `font-weight: ${weight};font-size:${size}px;font-family: ${getFontFamily(this.fontResObj[font])};`)
@ -347,6 +346,23 @@ export default {
}
},
parsePageBox(obj) {
if (obj) {
let array = obj.split(' ');
let width = converterDpi(parseFloat(array[2]));
if (width > screen.width) {
const scale = (screen.width-5) / parseFloat(array[2]);
setPageScal(scale>0?scale:1);
}
return {
x: converterDpi(parseFloat(array[0])), y: converterDpi(parseFloat(array[1])),
w: converterDpi(parseFloat(array[2])), h: converterDpi(parseFloat(array[3]))
};
} else {
return null;
}
},
parseStBox(obj) {
if (obj) {
let array = obj.split(' ');
@ -366,15 +382,15 @@ export default {
if (area) {
const physicalBox = area['ofd:PhysicalBox']
if (physicalBox) {
box = this.parseStBox(physicalBox);
box = (physicalBox);
} else {
const applicationBox = area['ofd:ApplicationBox']
if (applicationBox) {
box = this.parseStBox(applicationBox);
box = (applicationBox);
} else {
const contentBox = area['ofd:ContentBox']
if (contentBox) {
box = this.parseStBox(contentBox);
box = (contentBox);
}
}
}
@ -382,19 +398,20 @@ export default {
let documentArea = this.documentObj['ofd:CommonData']['ofd:PageArea']
const physicalBox = documentArea['ofd:PhysicalBox']
if (physicalBox) {
box = this.parseStBox(physicalBox);
box = (physicalBox);
} else {
const applicationBox = documentArea['ofd:ApplicationBox']
if (applicationBox) {
box = this.parseStBox(applicationBox);
box = (applicationBox);
} else {
const contentBox = documentArea['ofd:ContentBox']
if (contentBox) {
box = this.parseStBox(contentBox);
box = (contentBox);
}
}
}
}
box = this.parsePageBox(box);
let boxObj = {};
boxObj['id'] = Object.keys(page)[0];
boxObj['box'] = box;

7
src/utils/ofd_util.js
View File

@ -78,9 +78,14 @@ const millimetersToPixel = function (mm, dpi) {
//毫米转像素：mm * dpi / 25.4
return ((mm * dpi / 25.4));
}
let Scale = 5;
export const setPageScal = function (scale) {
Scale = scale;
}
export const converterDpi = function (width) {
return millimetersToPixel(width, 3.78*25.4);
return millimetersToPixel(width, Scale*25.4);
}
export const deltaFormatter = function (delta) {