Improved typography tool

This commit is contained in:
Devine Lu Linvega 2017-01-19 10:36:11 -07:00
parent 6266763f32
commit ce9349c2fc
2 changed files with 7 additions and 9 deletions

View File

@ -26,7 +26,7 @@ ronin.install();
// Canvas
var starting_canvas = new Rect();
starting_canvas.width = window.innerWidth - 200;
starting_canvas.height = window.innerHeight - 200;
starting_canvas.height = window.innerHeight - 300;
// Clamp

View File

@ -10,25 +10,23 @@ function Typographe(rune)
this.install = function()
{
this.layer = new Layer("Typographe.Preview",this);
this.layer.element.setAttribute("style","z-index:7000");
this.layer.element.setAttribute("style","z-index:7000;opacity:0.25");
ronin.surface.add_layer(this.layer);
}
this.active = function(cmd)
{
var target = ronin.surface.active_layer;
target.clear();
this.layer.clear();
ronin.overlay.clear();
if(cmd.variable("text")){
this.add_text(target.context(),cmd);
this.add_text(ronin.surface.active_layer.context(),cmd);
}
}
this.passive = function(cmd)
{
var target = this.layer;
target.clear();
if(cmd.variable("text")){
this.add_text(target.context(),cmd);
this.add_text(this.layer.context(),cmd);
}
}
@ -39,7 +37,7 @@ function Typographe(rune)
var text = cmd.variable("text").value;
var position = cmd.position() ? cmd.position() : new Position(20,40);
var color = cmd.color() ? cmd.color() : new Color("#000000");
var size = cmd.value() ? cmd.value().int : 20;
var size = cmd.value() ? cmd.value().int : 40;
var font = cmd.variable("font") ? cmd.variable("font").value : "Georgia";
ctx.font = size+"px "+font;