Svgテキストと形html

Question

これはsvgでこのようなものが必要です 私の平均は大きな領域にテキストが設定されていてテキストが領域を作成して新しい行に折れないようにし、スペース

-------------- |-------------------| 
|    | |     | 
| some shape | | set some text | 
|    | |     | 
    -------------- |     | 
-----------------|     | 
|         | 
|         | 
|         | 
|____________________________________| 

検索の結果はいくつか試してみましたが、うまくいきません。 これはとても簡単だと思います。 私の英語はとても悪いので、私の結果を得るためにどんなキーワードを使うのか分かりません。 私はpdfをmpdfでエクスポートしたいので、このスタイルのテキストが必要です。ありがとう。

Answer 1

SVG要素に慣れていれば、SVGを手作業で簡単に作成できます。

<svg width="400" height="280"> 
 
    <rect x="2" y="2" width="170" height="120" 
 
     fill="none" stroke="black" stroke-width="4"/> 
 
    <text x="85" y="70" 
 
     font-size="20" text-anchor="middle">some shape</text> 
 

 
    <path d="M 200,2 L 398,2 L 398,278 L 2,278 L 2,150 L 200,150 Z" 
 
     fill="none" stroke="black" stroke-width="4"/> 
 
    <text x="300" y="70" 
 
     font-size="20" text-anchor="middle">set some text</text> 
 
</svg>

あなたは、あなたがベクトルエディタを使用する必要があり、手でSVGを作成することができるとは思わない場合。多くのものがありますが、無料のものがInkscapeです。