Выполнение элементов SVG readonly

Question

Я реализую индивидуальную версию SVG-edit для проекта, который должен иметь возможность редактировать очень простые файлы SVG. Требование состоит в том, чтобы текст в этих файлах SVG редактировался, но не изображения.

Итак, общий пример одного из этих файлов будет иметь текстовый элемент вверху и элемент изображения ниже этого. Есть ли какой-либо атрибут, который я могу добавить к элементу изображения, и, следовательно, любую конфигурацию, которую я могу создать в самом редакторе javascript, чтобы пользователь не вносил изменений в элемент изображения?

(Очевидно, что я могу достичь этого без использования SVG-редактирования. Т.е. просто имеет TextBox для ввода пользователя и заменяет текстовый элемент на SVG своим значением, но это уродливо.)

Любой помощь очень ценится ..

Answer 1

Для SVG Edit весь ваш SVG DOM редактируется, и даже если есть атрибут, такие как readonly SVG Edit будет игнорировать его, если вы не реализовали себя.

У меня есть свой собственный implementation of SVG Edit тоже, и мне довелось встретить аналогичный прецедент, как ваш собственный. Я сделал скрытую панель слоев и разместил редактируемый контент на самом верхнем слое. Таким образом, пользователи не имеют доступа к нижележащим слоям. Вы должны изменить ваши SVG файлы искать что-то вроде этого ...

<svg xmlns="http://www.w3.org/2000/svg"> 
    <g> 
     <title>Layer 1</title> 
     <!-- NON EDITABLE CONTENT --> 
    </g> 
    <g> 
     <title>Layer 2</title> 
     <!-- YOUR TEXT ELEMENTS --> 
    <g> 
</svg> 

Тогда вы просто скрыть панель слоев с некоторыми CSS

#svg_editor #sidepanels { 
    display: none; 
} 

http://tinyurl.com/9q9s7d9

(URL ссылки на ствол сборки SVG Edit, но он сокращен, потому что он загружает кодированную строку SVG)