PulseID Toolkit Web API
Home
Documentation
Demos
PulseIDJS
About
Lettering 1
Text
Font
Select font
Angels
Monogram 1
Block New
Color
Select color
Red
Yellow
Blue
Green
Run
Show sample code
Lettering 1
var configObject = new StitchEngine.SEConfigObject("http://yourdomain.com"); var factory = new StitchEngine.SEFactory(configObject); var imageRenderer = factory.getImageRenderer(); var myColors = ["FF0000", "0000FF"]; imageRenderer.letteringTextFontColor("MY TEXT", "Block New", myColors, "resultImage", letteringSuccess, letteringFail); function letteringSuccess(url){ console.log(url); } function letteringFail(errorMessage){ console.log(errorMessage); }
Lettering 2
Angle
Scale
OffsetX
Height
Font
Select font
Two Col Athletic
Angels
Monogram 1
Block New
Envelope
Select envelope
etBridgeConvexTop
etBridgeConcaveTop
etBridgeConcaveBottom
etDoubleConcaveBridges
etBridgeConvexTop
etBridgeConvexBottom
etDoubleConvexBridges
etConcaveTopConvexBottom
etConvexTopConcaveBottom
etPennantRight
etPennantLeft
Neendle
Palette
Text
Type
Select type
ltNormal
ltMonogram
WidthCompression
Run
Show sample code
Lettering 2
var configObject = new StitchEngine.SEConfigObject("http://yourdomain.com"); var factory = new StitchEngine.SEFactory(configObject); var imageRenderer = factory.getImageRenderer(); var options = new Options.LetteringOptions(); var transformationOptions = new Options.TransformationOptions(); transformationOptions.Angle = 45; transformationOptions.Scale = 50; transformationOptions.OffsetX = 10; options.TransformationOptions = transformationOptions; options.Height = 360; options.Font = "Two Col Athletic"; options.Envelope = "etBridgeConvexTop"; options.Neendle = 1; options.Palette = ["ff0000", "ffff00", "00ffff"]; options.Text = "MY TEXT"; options.Type = "ltMonogram"; options.WidthCompression = 80; imageRenderer.lettering(options, "resultImage", letteringSuccess, letteringFail); function letteringSuccess(url){ console.log(url); } function letteringFail(errorMessage){ console.log(errorMessage); }
Designs
Design
Select design
B2VLB.PXF
N1CARDINALS.PXF
Colors
Select color
Red
Yellow
Blue
Green
Select color
Red
Yellow
Blue
Green
Select color
Red
Yellow
Blue
Green
Angle
Run
Show sample code
Design
var configObject = new StitchEngine.SEConfigObject("http://yourdomain.com"); var factory = new StitchEngine.SEFactory(configObject); var imageRenderer = factory.getImageRenderer(); var palette = ["ffff00", "ff0000", "0000ff", "00ff00"]; var needles = [1,0,3]; var transformationOptions = new Options.TransformationOptions(); transformationOptions.Angle = 45; transformationOptions.Scale = 80; transformationOptions.OffsetX = 10; imageRenderer.design("B2VLB.PXF", "resultImage", palette, needles, transformationOptions , designSuccess, designFail); function designSuccess(url){ console.log(url); } function designFail(errorMessage){ console.log(errorMessage); }
Templates
Text1
Select text color
Grey
Lilac
Purple
Bordeaux
Text2
Select text color
Grey
Lilac
Purple
Bordeaux
Run
Show sample code
Template
var configObject = new StitchEngine.SEConfigObject("http://yourdomain.com"); var factory = new StitchEngine.SEFactory(configObject); var imageRenderer = factory.getImageRenderer(); var personalizations = []; var firstPersonalization = new Options.Peronalization(); firstPersonalization.Name = "TEXT1:Bears"; firstPersonalization.Text = "A new text"; firstPersonalization.TextColour = "50370 Paprika"; personalizations.push(firstPersonalization); imageRenderer.template("B2VLB.PXF", "resultImage", templateSuccess, personalizations); function templateSuccess(url){ console.log(url); }
Compound
First lettering
Text1
Color
Select color
Red
Yellow
Blue
Green
Angle
Design
Design
Select design
B2VLB.PXF
N1CARDINALS.PXF
Second letternig
Text2
Color
Select color
Red
Yellow
Blue
Green
Angle
Other options
Layout
Select layout
Absolute
Horizontal
Vertical
Angle
Run
Show sample code
Compound
var configObject = new StitchEngine.SEConfigObject("http://yourdomain.com"); var factory = new StitchEngine.SEFactory(configObject); var imageRenderer = factory.getImageRenderer(); var lettering1 = new Options.LetteringOptions(); lettering1.Text = "Text 1"; lettering1.Envelope = "etBridgeConcaveTop"; lettering1.Font = "Block New"; lettering1.Height = 150; lettering1.Neendle = 0; lettering1.Palette = ["ff0000"]; lettering1.Type = "ltMonogram"; lettering1.WidthCompression = 80; var transOptions = new Options.TransformationOptions(); transOptions.Angle = 45; transOptions.Scale = 90; lettering1.TransformationOptions = transOptions; var compoundElement1 = new Options.CompoundElements(); compoundElement1.Letteting = lettering1; var design = new Options.DesignOptions(); design.File = "B2VLB.PXF"; design.needles = [0, 1, 2]; design.palette = ["ff0000", "00ff00", "0000ff"]; var compoundElement2 = new Options.CompoundElements(); compoundElement2.Design= design; var compoundOptions = new Options.CompoundOptions(); compoundOptions.CompoundElements = [compoundElement1, compoundElement2]; compoundOptions.Layout = "ltStackedHorizontal"; var compoundTransformationOptions = new Options.TransformationOptions(); compoundTransformationOptions.Angle = 15; compoundTransformationOptions.Scale = 80; compoundOptions.TransformationOptions = compoundTransformationOptions; imageRenderer.compound(compoundOptions, "image", function (url) { console.log(url); });