dakedres/ronin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Draw stretch with (draw $line)

Browse Source
This commit is contained in:
Devine Lu Linvega
2019-07-25 13:44:28 +09:00
parent 11c81aed6f
commit d4efdcf813
3 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
desktop/sources/scripts/library.js
View File

@@ -1,8 +1,8 @@
function Library (ronin) {
this.import = async (path, rect) => { // Imports a graphic file with format.
this.import = async (path, shape) => { // Imports a graphic file with format.
const img = new Image()
img.src = path
return ronin.surface.draw(img, rect)
return ronin.surface.draw(img, shape)
}
this.export = (path, format = 'image/png', quality = 1.0) => { // Exports a graphic file with format.

10
desktop/sources/scripts/surface.js
View File

@@ -133,11 +133,17 @@ function Surface (ronin) {
})
}
this.draw = function (img, rect = this.getFrame()) {
this.draw = function (img, shape = this.getFrame()) {
return new Promise(resolve => {
img.onload = () => {
ronin.log(`Draw ${img.width}x${img.height}`)
this.context.drawImage(img, rect.x, rect.y, rect.w, rect.h) // no strect: img.height * (rect.w / img.width)
if (isLine(shape)) {
this.context.drawImage(img, shape.a.x, shape.a.y, shape.b.x - shape.a.x, shape.b.y - shape.a.y)
} else if (isRect(shape)) {
this.context.drawImage(img, shape.x, shape.y, shape.w, img.height * (shape.w / img.width))
} else {
this.context.drawImage(img, shape.x, shape.y, img.width, img.height)
}
resolve()
}
})