Implement basic version of TextItem, PointText, CharacterStyle & ParagraphStyle.

src/load.js

@@ -57,6 +57,11 @@ var sources = [
 	'src/path/CompoundPath.js',
 	'src/path/Path.Constructors.js',
 
+	'src/text/ParagraphStyle.js',
+	'src/text/CharacterStyle.js',
+	'src/text/TextItem.js',
+	'src/text/PointText.js',
+
 	'src/color/Color.js',
 	'src/color/RGBColor.js',
 	'src/color/HSBColor.js',

src/paper.js

@@ -74,6 +74,12 @@ var paper = new function() {
 //#include "path/CompoundPath.js"
 //#include "path/Path.Constructors.js"
 
+//#include "text/ParagraphStyle.js"
+//#include "text/CharacterStyle.js"
+//#include "text/TextItem.js"
+//#include "text/PointText.js"
+
+
 //#include "color/Color.js"
 //#include "color/RGBColor.js"
 //#include "color/HSBColor.js"

src/text/CharacterStyle.js

@@ -0,0 +1,32 @@
+/*
+ * Paper.js
+ *
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
+ * http://paperjs.org/
+ * http://scriptographer.org/
+ *
+ * Distributed under the MIT license. See LICENSE file for details.
+ *
+ * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
+ * http://lehni.org/ & http://jonathanpuckey.com/
+ *
+ * All rights reserved.
+ */
+
+var CharacterStyle = this.CharacterStyle = PathStyle.extend({
+	initialize: function(style) {
+		this.fontSize = style.fontSize || 10;
+		this.font = style.font || 'Helvetica Regular';
+		this.base(style);
+	},
+	
+	statics: {
+		create: function(item, other) {
+			var style = new CharacterStyle(CharacterStyle.dont);
+			style._item = item;
+			style.initialize(other);
+			return style;
+		}
+	}
+});

src/text/ParagraphStyle.js

@@ -0,0 +1,36 @@
+/*
+ * Paper.js
+ *
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
+ * http://paperjs.org/
+ * http://scriptographer.org/
+ *
+ * Distributed under the MIT license. See LICENSE file for details.
+ *
+ * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
+ * http://lehni.org/ & http://jonathanpuckey.com/
+ *
+ * All rights reserved.
+ */
+
+var ParagraphStyle = this.ParagraphStyle = Base.extend({
+	beans: true,
+
+	initialize: function(style) {
+		this.justification = (style && style.justification) || 'left';
+	},
+
+	clone: function() {
+		return new PathStyle(this);
+	},
+
+	statics: {
+		create: function(item, other) {
+			var style = new ParagraphStyle(PathStyle.dont);
+			style._item = item;
+			style.initialize(other);
+			return style;
+		}
+	}
+});

src/text/PointText.js

@@ -0,0 +1,80 @@
+/*
+ * Paper.js
+ *
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
+ * http://paperjs.org/
+ * http://scriptographer.org/
+ *
+ * Distributed under the MIT license. See LICENSE file for details.
+ *
+ * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
+ * http://lehni.org/ & http://jonathanpuckey.com/
+ *
+ * All rights reserved.
+ */
+
+var PointText = this.PointText = TextItem.extend({
+	beans: true,
+
+	initialize: function(point) {
+		this.base();
+		point = Point.read(arguments, 0, 1);
+		this._point = point || new Point();
+		this.matrix = new Matrix().translate(this._point);
+	},
+
+	getPoint: function() {
+		return this._point;
+	},
+
+	setPoint: function(point) {
+		point = Point.read(arguments);
+		if (point) {
+			var delta = point.subtract(this._point);
+			this.matrix.preConcatenate(new Matrix().translate(delta));
+			this._point = point;
+		}
+	},
+	
+	getPosition: function() {
+		return this._point;
+	},
+	
+	setPosition: function(point) {
+		// TODO: position should be the center point of the bounds
+		// but we currently don't support bounds for PointText.
+		this.setPoint.apply(this, arguments);
+	},
+	
+	_transform: function(matrix, flags) {
+		this.matrix.preConcatenate(matrix);
+		if (!matrix.isIdentity()) {
+			matrix._transformPoint(this._point);
+		}
+	},
+	
+	draw: function(ctx) {
+		if (this.content == null)
+			return;
+		ctx.save();
+		ctx.font = this._characterStyle.fontSize + 'pt ' +
+				this._characterStyle.font;
+		ctx.textAlign = this._paragraphStyle.justification;
+		this.matrix.applyToContext(ctx);
+		
+		var fillColor = this.getFillColor();
+		var strokeColor = this.getStrokeColor();
+		if (!fillColor || !strokeColor)
+			ctx.globalAlpha = this.opacity;
+		if (fillColor) {
+			ctx.fillStyle = fillColor.getCanvasStyle(ctx);
+			ctx.fillText(this.content, 0, 0);
+		}
+		if (strokeColor) {
+			ctx.strokeStyle = strokeColor.getCanvasStyle(ctx);
+			ctx.strokeText(this.content, 0, 0);
+		}
+		ctx.restore();
+	}
+});

src/text/TextItem.js

@@ -0,0 +1,43 @@
+/*
+ * Paper.js
+ *
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
+ * http://paperjs.org/
+ * http://scriptographer.org/
+ *
+ * Distributed under the MIT license. See LICENSE file for details.
+ *
+ * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
+ * http://lehni.org/ & http://jonathanpuckey.com/
+ *
+ * All rights reserved.
+ */
+
+var TextItem = this.TextItem = Item.extend({
+	beans: true,
+
+	initialize: function() {
+		this.base();
+		point = Point.read(arguments, 0, 1);
+		this.content = null;
+		this.setCharacterStyle(this._project.getCurrentStyle());
+		this.setParagraphStyle();
+	},
+
+	getCharacterStyle: function() {
+		return this._characterStyle;
+	},
+
+	setCharacterStyle: function(style) {
+		this._characterStyle = CharacterStyle.create(this, style);
+	},
+	
+	getParagraphStyle: function() {
+		return this._paragraphStyle;
+	},
+
+	setParagraphStyle: function(style) {
+		this._paragraphStyle = ParagraphStyle.create(this, style);
+	}
+});