How to use the @here/harp-text-canvas.FontVariant.SmallCaps function in @here/harp-text-canvas
To help you get started, we’ve selected a few @here/harp-text-canvas examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
heremaps / harp.gl / @here / harp-examples / src / textcanvas_path.ts View on Github 
Bold: FontStyle.Bold,
Italic: FontStyle.Italic,
BoldItalic: FontStyle.BoldItalic
})
.onChange((value: string) => {
textRenderStyle.fontStyle = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(applicationCharset, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
textStyleGui
.add(textRenderStyle, "fontVariant", {
Regular: FontVariant.Regular,
AllCaps: FontVariant.AllCaps,
SmallCaps: FontVariant.SmallCaps
})
.onChange((value: string) => {
textRenderStyle.fontVariant = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(applicationCharset, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
const textLayoutGui = gui.addFolder("TextLayout");
textLayoutGui.add(textLayoutStyle, "lineWidth", 1.0, window.innerWidth, 1.0);
textLayoutGui.add(textLayoutStyle, "maxLines", 0.0, 128, 1.0);
textLayoutGui.add(textLayoutStyle, "tracking", -3.0, 3.0, 0.1);
textLayoutGui.add(textLayoutStyle, "leading", -3.0, 3.0, 0.1);
textLayoutGui
.add(textLayoutStyle, "horizontalAlignment", {gui.add(textRenderStyle, "fontStyle", {
Regular: FontStyle.Regular,
Bold: FontStyle.Bold,
Italic: FontStyle.Italic,
BoldItalic: FontStyle.BoldItalic
}).onChange((value: string) => {
textRenderStyle.fontStyle = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
gui.add(textRenderStyle, "fontVariant", {
Regular: FontVariant.Regular,
AllCaps: FontVariant.AllCaps,
SmallCaps: FontVariant.SmallCaps
}).onChange((value: string) => {
textRenderStyle.fontVariant = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
}Bold: FontStyle.Bold,
Italic: FontStyle.Italic,
BoldItalic: FontStyle.BoldItalic
})
.onChange((value: string) => {
textRenderStyle.fontStyle = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
textRenderStyleGui
.add(textRenderStyle, "fontVariant", {
Regular: FontVariant.Regular,
AllCaps: FontVariant.AllCaps,
SmallCaps: FontVariant.SmallCaps
})
.onChange((value: string) => {
textRenderStyle.fontVariant = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
const textLayoutGui = gui.addFolder("TextLayout");
textLayoutGui.add(textLayoutStyle, "lineWidth", 1.0, window.innerWidth, 1.0);
textLayoutGui.add(textLayoutStyle, "maxLines", 0.0, 128, 1.0);
textLayoutGui.add(textLayoutStyle, "tracking", -3.0, 3.0, 0.1);
textLayoutGui.add(textLayoutStyle, "leading", -3.0, 3.0, 0.1);
textLayoutGui
.add(textLayoutStyle, "horizontalAlignment", {Bold: FontStyle.Bold,
Italic: FontStyle.Italic,
BoldItalic: FontStyle.BoldItalic
})
.onChange((value: string) => {
textRenderStyle.fontStyle = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
textRenderStyleGui
.add(textRenderStyle, "fontVariant", {
Regular: FontVariant.Regular,
AllCaps: FontVariant.AllCaps,
SmallCaps: FontVariant.SmallCaps
})
.onChange((value: string) => {
textRenderStyle.fontVariant = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
const textLayoutGui = gui.addFolder("TextLayout");
textLayoutGui.add(textLayoutStyle, "lineWidth", 1.0, window.innerWidth, 1.0);
textLayoutGui.add(textLayoutStyle, "maxLines", 0.0, 128, 1.0);
textLayoutGui.add(textLayoutStyle, "tracking", -3.0, 3.0, 0.1);
textLayoutGui.add(textLayoutStyle, "leading", -3.0, 3.0, 0.1);
textLayoutGui
.add(textLayoutStyle, "horizontalAlignment", {gui.add(textRenderStyle, "fontStyle", {
Regular: FontStyle.Regular,
Bold: FontStyle.Bold,
Italic: FontStyle.Italic,
BoldItalic: FontStyle.BoldItalic
}).onChange((value: string) => {
textRenderStyle.fontStyle = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
gui.add(textRenderStyle, "fontVariant", {
Regular: FontVariant.Regular,
AllCaps: FontVariant.AllCaps,
SmallCaps: FontVariant.SmallCaps
}).onChange((value: string) => {
textRenderStyle.fontVariant = Number(value);
assetsLoaded = false;
textCanvas.fontCatalog.loadCharset(textSample, textRenderStyle).then(() => {
assetsLoaded = true;
});
});
}@here/harp-text-canvas
SDF based text rendering for TypeScript
Package Health Score
51 / 100Popular @here/harp-text-canvas functions
- @here/harp-text-canvas.ContextualArabicConverter.instance
- @here/harp-text-canvas.FontCatalog.load
- @here/harp-text-canvas.FontStyle.Bold
- @here/harp-text-canvas.FontStyle.BoldItalic
- @here/harp-text-canvas.FontStyle.Italic
- @here/harp-text-canvas.FontStyle.Regular
- @here/harp-text-canvas.FontUnit.Em
- @here/harp-text-canvas.FontUnit.Percent
- @here/harp-text-canvas.FontUnit.Pixel
- @here/harp-text-canvas.FontUnit.Point
- @here/harp-text-canvas.FontVariant.AllCaps
- @here/harp-text-canvas.FontVariant.Regular
- @here/harp-text-canvas.FontVariant.SmallCaps
- @here/harp-text-canvas.HorizontalAlignment.Center
- @here/harp-text-canvas.HorizontalAlignment.Left
- @here/harp-text-canvas.TextCanvas
- @here/harp-text-canvas.TextLayoutStyle
- @here/harp-text-canvas.TextRenderStyle
- @here/harp-text-canvas.VerticalAlignment.Below
- @here/harp-text-canvas.VerticalAlignment.Center