想在模型外面贴两层图，要么就是贴上去那个标签缩小了

Question

就是我建好一个模型，想在模型外面贴两层图，一层底色，一层标签，但是要么就是第二层把第一层的覆盖了，要么就是贴上去那个标签缩小了，还变成了两个，请问怎么解决呢

Answer 1

引自免费微信小程序：皆我百晓生

非常抱歉，您的描述有些混乱，不清楚您具体的问题是在探讨哪些方面的问题。但我还是尽力帮您解答。

首先，在模型外添加二层图通常涉及到布局优化的问题。在Nescafe模型内，您可以采用不同类型的标签样式来满足不同的需求，例如对于不同的物体，可以选择大字体、粗体、斜体等不同的标签样式，从而使得标题与背景之间的视觉隔离效果更加明显。

然而，在透视视图中展示整个模型结构，如果其中某个部分被第二个标注覆盖，那么这个位置可能就会丢失一些信息。这可能是由于打印时对模型尺寸的设置不准确导致的。为了解决这个问题，您可以尝试调整打印参数，例如调整纸张大小和缩放比例，确保模型在实际打印时占据正确的空间。另外，也可以尝试调整标签的相对位置，以便它们不会完全覆盖模型的一部分。

如果你想要直接通过代码实现这些功能，建议参考Nescafe官方提供的示例代码，并结合个人需求进行相应的修改和优化。这段代码中包含了如何使用CSS样式创建不同的标签样式，以及如何根据打印参数调整模型大小和位置的方法。具体的代码可能如下所示：

// 获取所有可见的可移动对象
const visibleObjects = document.querySelectorAll('.nescafe');
// 计算每个对象的大小
const objectWidths = Array.from({length: visibleObjects.length});
for (let i = 0; i < visibleObjects.length; i++) {
  objectWidths[i] = visibleObjects[i].offsetWidth;
}

// 创建默认的字体样式
const defaultFontStyle = {
  fontSize: '36px',
  fontColor: 'white'
};

// 使用CSS样式改变每个对象的样式
visibleObjects.forEach(object => {
  object.style.fontSize = `${objectWidths[i]}px`;
  object.style.color = defaultFontStyle.fontColor;
});

// 根据打印参数调整模型大小和位置
function adjustModelSize() {
  const modelBox = document.querySelector('.nescafe.model-box');
  const modelBoxWidth = modelBox.offsetWidth;
  const modelBoxHeight = modelBox.offsetHeight;

  // 如果模型被其他元素遮挡，重新绘制模型
  if (!modelBox.contains(document.querySelector('#other-element')) && !modelBox.contains(document.querySelector('.other-element'))) {
    // 可视化上下文高度调整模型大小
    modelBox.style.height = `${modelBoxHeight}px`;
  }
}

请注意，这段代码仅用于示例目的，并非在真正场景下使用的代码。如果您有任何问题或需要进一步的帮助，请随时向我提问。