x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-19 19:51:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

添加截图密度限制

Browse Source
This commit is contained in:
Harvey Zack committed 2018-12-05 16:03:44 +08:00
1 parent 0e4e3da5ee
commit 6d3e0b4567
4 files changed
+71 -39
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/thumbnail/index.html
+5 -5
View File
@@ -26,23 +26,23 @@
<div class="setup">
<div class="item">
<div class="name">Delay：</div>
<input class="input delay" type="number" min="100" max="1000" placeholder="100 - 1000" value="300">
<input class="input delay" type="number" min="10" max="1000" placeholder="10 - 1000" value="300">
</div>
<div class="item">
<div class="name">Number：</div>
<input class="input number" type="number" min="10" max="100" placeholder="10 - 100" value="60">
<input class="input number" type="number" min="10" max="1000" placeholder="10 - 1000" value="60">
</div>
<div class="item">
<div class="name">Width：</div>
<input class="input width" type="number" min="100" max="500" placeholder="100 - 500" value="160">
<input class="input width" type="number" min="10" max="1000" placeholder="10 - 1000" value="160">
</div>
<div class="item">
<div class="name">Height：</div>
<input class="input height" type="number" min="100" max="500" placeholder="100 - 500" value="90">
<input class="input height" type="number" min="10" max="1000" placeholder="10 - 1000" value="90">
</div>
<div class="item">
<div class="name">Column：</div>
<input class="input column" type="number" min="10" max="100" placeholder="10 - 100" value="10">
<input class="input column" type="number" min="1" max="1000" placeholder="1 - 1000" value="10">
</div>
</div>
<div class="btns">
docs/thumbnail/js/common.js
+2 -1
View File
@@ -66,9 +66,10 @@
thumbnail.on('canvas', function(canvas) {
console.log('Build canvas successfully');
console.log('Canvas size: ' + canvas.width + ' x ' + canvas.height);
console.log('Preview density: ' + thumbnail.density + ' p/s');
});
thumbnail.on('update', function(percentage, url) {
thumbnail.on('update', function(url, percentage) {
console.log('Processing: ' + Math.floor(percentage.toFixed(2) * 100) + '%');
$preview.style.backgroundImage = 'url(' + url + ')';
});