] Можете ли вы контролировать отрисовку ширины обводки SVG? [

] [

] В настоящее время создается приложение SVG на основе браузера. В этом приложении пользователь может стилизовать и позиционировать различные формы, включая прямоугольники. [

] [

] Когда я применяю [] stroke-width [] к элементу SVG [] rect [], например [] 1px [], обводка применяется к смещению и вставке [] rect [] по-разному в разных браузерах. Это оказывается проблемой, [] особенно [], когда я пытаюсь вычислить внешнюю ширину и визуальное положение прямоугольника и разместить его рядом с другими элементами. [

] [

] Например: [

] [
    ] [
  • ] Firefox добавляет вставку на 1 пиксель (внизу и слева) и смещение на 1 пиксель (вверху и справа) [
  • ] [
  • ] Chrome добавляет вставку на 1 пиксель (вверху и слева) и смещение на 1 пиксель (внизу и справа) [
  • ] [
] [

] Моим единственным решением на данный момент было бы нарисовать фактические границы самостоятельно (вероятно, с помощью инструмента [] path []) и расположить границы за обведенным элементом. Но это решение - неприятный обходной путь, и я бы предпочел не идти по этому пути, если это возможно. [

] [

] Итак, мой вопрос: можете ли вы контролировать, как SVG [] stroke-width [] отображается на элементах? [

]
187
задан Zearin 28 October 2013 в 07:34
поделиться