Added open with orientation

This commit is contained in:
Devine Lu Linvega 2019-08-03 12:39:07 +09:00
parent 40cdd11c1e
commit 46bf50f663
3 changed files with 24 additions and 7 deletions

View File

@ -268,7 +268,7 @@ function Commander (ronin) {
// Splash
this.splash = `; welcome to ronin
; v2.28
; v2.29
(clear)
(def logo-path "M60,60 L195,60 A45,45 0 0,1 240,105 A45,45 0 0,1 195,150 L60,150 M195,150 A45,45 0 0,1 240,195 L240,240 ")
(stroke

View File

@ -19,8 +19,8 @@ function Library (ronin) {
return path
}
this.open = async (path, ratio = 1) => { // Imports a graphic file and resizes the frame.
return ronin.surface.open(path, ratio)
this.open = async (path, ratio = 1, orientation = 0, mirrorx = 1, mirrory = 1) => { // Imports a graphic file and resizes the frame.
return ronin.surface.open(path, ratio, orientation, mirrorx, mirrory)
}
this.exit = (force = false) => { // Exits Ronin.

View File

@ -149,19 +149,36 @@ function Surface (ronin) {
// IO
this.open = function (path, ratio = 1) {
this.open = function (path, ratio = 1, orientation = 0, mirrorx = 1, mirrory = 1) {
return new Promise(resolve => {
const img = new Image()
img.src = path
img.onload = () => {
const rect = { x: 0, y: 0, w: parseInt(img.width * ratio), h: parseInt(img.height * ratio) }
this.resize(rect, true)
this.context.drawImage(img, 0, 0, rect.w, rect.h)
this.drawWithOrientation(img, ratio, orientation, mirrorx, mirrory)
resolve()
}
})
}
this.drawWithOrientation = function (img, ratio, orientation = 0, mirrorx = 1, mirrory = 1) { // x, y, w, h, degrees
const outputRect = { x: 0, y: 0, w: parseInt((orientation === 1 || orientation === 3 ? img.height : img.width) * ratio), h: parseInt((orientation === 1 || orientation === 3 ? img.width : img.height) * ratio) }
const rect = { x: 0, y: 0, w: parseInt(img.width * ratio), h: parseInt(img.height * ratio) }
this.resize(outputRect, true)
this.context.save()
this.context.rotate((orientation * 90) * Math.PI / 180.0)
if (orientation === 1) {
this.context.translate(0, -rect.h)
} else if (orientation === 2) {
this.context.translate(-rect.w, -rect.h)
} else if (orientation === 3) {
this.context.translate(-rect.w, 0)
}
this.context.scale(mirrorx, mirrorx)
this.context.drawImage(img, rect.x, rect.y, rect.w * mirrorx, rect.h * mirrory)
this.context.restore()
}
this.draw = function (img, shape = this.getFrame(), alpha = 1) {
return new Promise(resolve => {
img.onload = () => {