Skip to content

option to write right to left #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
KaiKruschel wants to merge 1 commit into
base: master
Choose a base branch
from
Open

option to write right to left #8

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 22 additions & 4 deletions lib/hersheytext.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,8 @@ exports.getFonts = () => [...Object.keys(exports.fonts), ...Object.keys(exports.
* charSpacingAdjust {int}: Amount to add or remove from between char spacing.
* charHeightAdjust {int}: Amount to add or remove from line height.
* scale {int}: Scale to multiply size of everything by
* size {object}: {w, h} width and height of the canvas. Important only for rl writing
* fromRight {bool}: write from the right side instead of the left if set
*
* @returns {string|boolean}
* Internal SVG content to be rendered as you see fit.
Expand All @@ -129,6 +131,8 @@ exports.renderTextSVG = function(text, rawOptions = {}) {
charHeightAdjust: 0,
scale: 2,
pos: { x: 0, y: 0 },
size: {w: 0, h: 0 },
fromRight: false,
...rawOptions,
};

Expand All @@ -139,7 +143,10 @@ exports.renderTextSVG = function(text, rawOptions = {}) {
const font = getFontData(options.font);
const multiplyer = font.type === 'svg' ? 1 : 1.68;
const offset = { left: 0, top: 0 };

if( options.fromRight ) {
// since scale affects everything, we need to make sure that the offset stays at the value we have set even when the scale is different
offset.left = (options.size.w * multiplyer) / options.scale;
}
// Create central group
const $textGroup = $('g');
$textGroup.attr({
Expand All @@ -165,6 +172,11 @@ exports.renderTextSVG = function(text, rawOptions = {}) {
const rawChar = word[i];
const char = font.getChar(rawChar);

// if we write from right, we need to position the character before we write, since the coordinate system is still counting from left
if (options.fromRight) {
offset.left -= (char.width * multiplyer) + options.charSpacingAdjust;
}

// Only print in range chars
if (char) {
const $path = $('<path>').attr({
Expand All @@ -183,13 +195,19 @@ exports.renderTextSVG = function(text, rawOptions = {}) {
// Add the char to the DOM group.
$groupLine.append($path);

// Position next character.
offset.left += (char.width * multiplyer) + options.charSpacingAdjust;
if(!options.fromRight) {
// Position next character.
offset.left += (char.width * multiplyer) + options.charSpacingAdjust;
}
}
}

// Word boundary: Add a space.
offset.left+= parseInt(font.info['horiz-adv-x'], 10) + options.charSpacingAdjust;
if (options.fromRight) {
offset.left -= parseInt(font.info['horiz-adv-x'], 10) + options.charSpacingAdjust;
} else {
offset.left+= parseInt(font.info['horiz-adv-x'], 10) + options.charSpacingAdjust;
}
}

} catch(e) {
Expand Down