Question

文字

文字是编辑图纸过程中不可缺少的部分，它能辅助说明作者的设计意图，有了它们可以使图纸编辑更加明白、清楚。mxcad 中提供了单行文本和多行文本的绘制，并能设置修改文本的字体、大小、角度、倾向和其他特性。

单行文本

我们可以通过实例化一个 McDbText() 对象创建单行文本。

点击 McDbText() 查看详细属性和方法说明。

import { MxCpp, McGePoint3d, McCmColor, McDb, McDbText } from "mxcad"

const mxcad = MxCpp.getCurrentMxCAD()
const text = new McDbText()
text.widthFactor = 1
text.horizontalMode = McDb.TextHorzMode.kTextCenter
text.verticalMode = McDb.TextVertMode.kTextBottom
text.textString = "测试文本"
text.position = text.alignmentPoint = new McGePoint3d(0, 20)
text.trueColor = new McCmColor(255, 0, 255)
text.height = 20
mxcad.drawEntity(text)

多行文本

我们可以通过实例化一个 McDbMText() 对象创建旋转标注尺寸类。

点击 McDbMText() 查看详细属性和方法说明。

import { MxCpp, McGePoint3d, McCmColor, McDb, McDbMText } from "mxcad"

const mxcad = MxCpp.getCurrentMxCAD()
const text = new McDbMText()
text.attachment = McDb.AttachmentPoint.kTopLeft
text.contents = "第一行文本 \\P 第二行文本"
text.location = new McGePoint3d(0, -20)
text.trueColor = new McCmColor(255, 0, 255)
text.textHeight = 20
mxcad.drawEntity(text)

:::demo

import {  McObject, McDbText, McDbMText, McDb, McGePoint3d, McCmColor } from "mxcad"

export default () => {
    const mxcad = new McObject()
    mxcad.create({
      canvas: "#myCanvas",
      locateFile: (fileName: string)=> {
            // CDN 加载必须使用wasm/2d-st中的资源、因为github的限制无法使用wasm/2d 资源
            // 需要使用wasm/2d需要遵循浏览器同源策略或使用其他手段规避浏览器同源策略
            return "https://unpkg.com/mxcad/dist/wasm/2d-st/" + fileName
      },
      // 加载字体的目录位置
      fontspath: self.location.origin + "/mxcad_docs/fonts",
      // 加载转换后的图纸文件
      fileUrl: self.location.origin + "/mxcad_docs/test.mxweb",
      onOpenFileComplete: ()=>{
            const text = new McDbText()
            text.widthFactor = 1
            text.horizontalMode = McDb.TextHorzMode.kTextCenter
            text.verticalMode = McDb.TextVertMode.kTextBottom
            text.textString = "测试文本"
            text.position = text.alignmentPoint = new McGePoint3d(500, 20)
            text.height = 200
            mxcad.drawEntity(text)

            const mtext = new McDbMText()
            mtext.attachment = McDb.AttachmentPoint.kTopLeft
            mtext.contents = "第一行文本 \\P 第二行文本"
            mtext.location = new McGePoint3d(-1000, 400)
            mtext.trueColor = new McCmColor(255, 255, 0)
            mtext.textHeight = 200
            mxcad.drawEntity(mtext)

            mxcad.zoomCenter(0,0)
      }
    })
    return (<div style="height: 500px; overflow: hidden;"><canvas id="myCanvas" ></canvas>
    </div>)
}

:::