Highlight Operations on Space Objects

A core functionality of the CADViewer Space Object API is the ability to interactively control the higlight, hatching and text decoration of Space Objects. Please see the detailed guide:

• Guide - Style Hotspots & Images

All our Integrated Samples at our GitHub repository as well as some of the Samples in this section, will contain examples of the Highlight methods below. The links below will open the command documentation in the CADViewer JavaScript API.

Core commands to Highlight a Space Object

• cvjs_highlightSpace(rmid, colortype)

Sample below to highlight all spaces in red.

var colortype = {    // color object to use for highlight
   fill: "FF0000",
   "fill-opacity": "0.3",
   stroke: "FFAA00",
   'stroke-width': 1,
   'stroke-opacity': "1",
   'stroke-linejoin': 'round'
 };

var spaceObjectIds = cvjs_getSpaceObjectIdList();  // get a list of all space objects
for (var spc in spaceObjectIds){		
 var rmid = spaceObjectIds[spc];
 cvjs_highlightSpace(rmid, colortype);  // highlight all spaces (on layers only)
}

• cvjs_highlightSpaceObjectDirect()
• cvjs_clearHighlightSpaceObjectDirect()
• cvjs_clearAllHighlightSpaceObjectDirect()

API commands to apply Patterns when Highlight a Space Object

• cvjs_ApplyPatternOnSpaceObjectId()

• cvjs_ApplyPatternOnSpaceObjectNode()

• cvjs_ApplyPatternOnUrl()

• cvjs_setUpPattern_45degree_standard()

• cvjs_setUpPattern_45degree_wide()

• cvjs_setUpPattern_45degree_fine()

• cvjs_setUpPattern_90degree_fine()

• cvjs_setUpPattern_90degree_standard

• cvjs_setUpPattern_90degree_wide,

• cvjs_setUpPattern_135degree_standard

• cvjs_setUpPattern_135degree_wide

• cvjs_setUpPattern_135degree_fine

• cvjs_setUpPattern_0degree_standard

• cvjs_setUpPattern_0degree_wide

• cvjs_setUpPattern_0degree_fine

• cvjs_setUpPattern_45degree_crosshatch_standard

• cvjs_setUpPattern_45degree_crosshatch_fine

• cvjs_ApplyRelativeLinearGradientStandard2Colors

• cvjs_ApplyRelativeLinearGradientStandard3Colors

• cvjs_ApplyRelativeLinearGradient

• cvjs_ApplyRelativeLinearGradientStandard2ColorsOnSpaceObjectId

• cvjs_ApplyRelativeLinearGradientStandard2ColorsOnSpaceObjectNode

• cvjs_ApplyRelativeLinearGradientStandard3ColorsOnSpaceObjectId

• cvjs_ApplyRelativeLinearGradientStandard3ColorsOnSpaceObjectNode

• cvjs_ApplyRelativeLinearGradientOnObject_layerSort

• cvjs_ApplyRelativeRadialGradientStandard2Colors

• cvjs_ApplyRelativeRadialGradientStandard3Colors

• cvjs_ApplyRelativeRadialGradient

• cvjs_ApplyRelativeRadialGradientStandard2ColorsOnSpaceObjectId

• cvjs_ApplyRelativeRadialGradientStandard2ColorsOnSpaceObjectNode

• cvjs_ApplyRelativeRadialGradientStandard3ColorsOnSpaceObjectId

• cvjs_ApplyRelativeRadialGradientStandard3ColorsOnSpaceObjectNode

• cvjs_ApplyRelativeRadialGradientOnObject_layerSort

API commands to decorate Text on a Space Objects

• cvjs_AddTextOnObject
• cvjs_AddTextAndTBorderOnSpaceObject3Lines
• cvjs_AddTextAndTBorderOnSpaceObjectId_GlobalHeight
• cvjs_AddTextAndTBorderOnSpaceObjectId
• cvjs_AddTextAndTBorderOnSpaceObjectNode
• cvjs_AddTextAndTBorderOnSpaceObject
• cvjs_AddTextOnObjectScaleText