mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Add misc export: download selected frame as png

Browse Source
This commit is contained in:
Dávid Szabó 2016-09-23 16:35:22 +02:00
parent 7b512f6412
commit 3be2b3d3bc
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/js/controller/settings/exportimage/MiscExportController.js
View File

@ -12,6 +12,9 @@
ns.MiscExportController.prototype.init = function () {
var cDownloadButton = document.querySelector('.c-download-button');
this.addEventListener(cDownloadButton, 'click', this.onDownloadCFileClick_);
var selectedFrameDownloadButton = document.querySelector('.selected-frame-download-button');
this.addEventListener(selectedFrameDownloadButton, 'click', this.onDownloadSelectedFrameClick_);
};
ns.MiscExportController.prototype.onDownloadCFileClick_ = function (evt) {
@ -73,4 +76,14 @@
hexStr += ('00' + r.toString(16)).substr(-2);
return hexStr;
};
ns.MiscExportController.prototype.onDownloadSelectedFrameClick_ = function (evt) {
var frameIndex = this.piskelController.getCurrentFrameIndex();
var fileName = this.getPiskelName_() + '-' + (frameIndex + 1) + '.png';
var canvas = this.piskelController.renderFrameAt(frameIndex, true);
pskl.utils.BlobUtils.canvasToBlob(canvas, function(blob) {
pskl.utils.FileUtils.downloadAsFile(blob, fileName);
});
};
})();

9
src/templates/settings/export/misc.html
View File

@ -12,5 +12,14 @@
</div>
<button type="button" class="button button-primary c-download-button">Download C file</button>
</div>
<div class="export-panel-section">
<div style="padding-bottom: 5px">
<span style="color: gold;">Export selected frame as PNG File: </span>
<span class="export-info">
PNG export of the currently selected frame.
</span>
</div>
<button type="button" class="button button-primary selected-frame-download-button">Download</button>
</div>
</div>
</script>