タグ付けされた質問 「rect」

現在、ブラウザベースのSVGアプリケーションを構築しています。このアプリ内では、長方形を含むさまざまな形状をユーザーがスタイル設定および配置できます。 sayのstroke-widthSVG rect要素にaを適用すると1px、ストロークはrectのオフセットとインセットにさまざまなブラウザによってさまざまな方法で適用されます。これは、特に長方形の外側の幅と視覚的な位置を計算して、他の要素の隣に配置しようとするときに、厄介であることがわかります。 例えば： Firefoxは1pxインセット（下と左）と1pxオフセット（上と右）を追加します Chromeは1ピクセルのインセット（上と左）と1ピクセルのオフセット（下と右）を追加します これまでの私の唯一の解決策は、実際に境界線を自分で（おそらくpathツールを使用して）描画し、境界線をストローク要素の背後に配置することです。しかし、この解決策は不快な回避策であり、できればこの道をたどらない方がいいと思います。 だから私の質問は、SVG stroke-widthを要素に描画する方法を制御できますか？

204 svg  offset  rect 

SVG 内にテキストを表示したいrect。出来ますか？ 私は試した <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> しかし、それは機能しません。

180 text  svg  rect