Кривая область для выбора и нажатий

[manjey73]

Собственно если нам надо сделать изображение, которое отрисовано по диагонали.
Картинка имеет прямоугольные области, соответственно углы будут пустыми.

1. Применять рамку в данном случае неуместно
2. А так же, каким образом задать области перехода при нажатии?

В новом редакторе схем будет учтен такой момент?

И как этот момент обыграть сейчас?

[Mikhail]

Можете выложить пример изображения для лучшего понимания?

[manjey73]

Пример

Хочу выделить зоны, при нажатии на которые делать переход на другую мнемосхему.

Собственно в примере видно, что прямоугольных изображений тут нет.

[manjey73]

Хотелось бы узнать, как движется дело с новым Редактором Схем?

Собственно что интересует — Замена свойств SVG на лету в WEB, соответственно привязка свойств к каналам и статусу в редакторе схем.

Пример svg — изображение вентилятора для приточки/вытяжки

<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 330" width="168" height="247" preserveAspectRatio="none">
	<defs>
		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
			<path d="m224 237.33v-46.08h-222.72v46.08z"/>
		</clipPath>
	</defs>
	<style>
		.s0 { fill: none ;stroke: #d6c954;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2 } 
	</style>
	<path fill-rule="evenodd" class="s0" d="m6.1 147.6v88.9h35.5"/>
	<path fill-rule="evenodd" class="s0" d="m41.8 236.5l0.1 5.8 0.7 5.9 0.9 5.6 1.3 5.8 1.6 5.6 2.1 5.4 2.4 5.3 2.7 5.1 3.2 5 3.4 4.6 3.6 4.6 4 4.2 4.2 4 4.5 3.7 4.8 3.3 4.9 3.2 5.2 2.8 5.2 2.4 5.5 1.9 5.4 1.7 5.8 1.3 5.7 1 5.8 0.6 5.8 0.2 5.7-0.2 5.8-0.6 5.7-1 5.8-1.3 5.4-1.7 5.5-1.9 5.3-2.4 5.2-2.8 4.8-3.2 4.8-3.3 4.5-3.7 4.2-4 4-4.2 3.7-4.6 3.3-4.6 3.2-5 2.7-5.1 2.4-5.3 2.1-5.4 1.6-5.6 1.3-5.8 1-5.6 0.6-5.9 0.2-5.8-0.2-5.7-0.6-6-1-5.6-1.3-5.7-1.6-5.6-2.1-5.5-2.4-5.2-2.7-5.2-3.2-4.9-3.3-4.7-3.7-4.6-4-4.2-4.2-4-4.5-3.6-4.8-3.4-4.8-3.2-5.2-2.7-5.3-2.4-5.5-1.9-5.4-1.8-5.8-1.3-5.7-0.9-5.8-0.7-5.7-0.1"/>
	<path fill-rule="evenodd" class="s0" d="m130.6 147.6h-124.5"/>
	<path fill-rule="evenodd" class="s0" d="m174.9 236.5l-0.2-4.1-0.6-4-1-4-1.3-3.9-1.6-3.8-1.9-3.5-2.4-3.6-2.5-3-2.9-2.9-3.2-2.7-3.4-2.2-3.7-2.1-3.6-1.6-3.9-1.3-4-1-4-0.6-4.1-0.2-4.2 0.2-4 0.6-4 1-3.8 1.3-3.7 1.6-3.7 2.1-3.4 2.2-3.2 2.7-2.8 2.9-2.6 3-2.4 3.6-1.9 3.5-1.6 3.8-1.3 3.9-1 4-0.6 4-0.2 4.1 0.2 4.2 0.6 4 1 4 1.3 3.8 1.6 3.9 1.9 3.5 2.4 3.5 2.6 3 2.8 2.9 3.2 2.7 3.4 2.3 3.7 2.1 3.7 1.6 3.8 1.2 4 1 4 0.6 4.2 0.2 4.1-0.2 4-0.6 4-1 3.9-1.2 3.6-1.6 3.7-2.1 3.4-2.3 3.2-2.7 2.9-2.9 2.5-3 2.4-3.5 1.9-3.5 1.6-3.9 1.3-3.8 1-4 0.6-4z"/>
	<path fill-rule="evenodd" class="s0" d="m81.4 24.5l-13.1 22.3-12.9-22.3v40.3m26 0v-40.3m-4.3 123.1v-65m-17.7 65v-65.6"/>
	<path fill-rule="evenodd" class="s0" d="m109 43.7l-0.2-3.8-0.6-3.9-1-3.8-1.3-3.7-1.6-3.3-2.1-3.4-2.2-3.2-2.6-2.9-2.8-2.5-3.2-2.3-3.4-2.1-3.4-1.6-3.6-1.2-3.9-1-3.8-0.6-3.9-0.2-3.8 0.2-3.8 0.6-3.9 1-3.7 1.2-3.3 1.6-3.4 2.1-3.2 2.3-2.9 2.5-2.5 2.9-2.3 3.2-2 3.4-1.6 3.3-1.3 3.7-1 3.8-0.6 3.9-0.2 3.8 0.2 3.9 0.6 3.8 1 3.8 1.3 3.7 1.6 3.4 2 3.3 2.3 3.2 2.5 2.9 2.9 2.6 3.2 2.2 3.4 2.1 3.3 1.6 3.7 1.3 3.9 0.9 3.8 0.7 3.8 0.1 3.9-0.1 3.8-0.7 3.9-0.9 3.6-1.3 3.4-1.6 3.4-2.1 3.2-2.2 2.8-2.6 2.6-2.9 2.2-3.2 2.1-3.3 1.6-3.4 1.3-3.7 1-3.8 0.6-3.8z"/>
	<g id="Clip-Path: Clip-Path" clip-path="url(#cp1)">
		<g id="Clip-Path">
			<path fill-rule="evenodd" class="s0" d="m1.4 192h4.7m213.3 44.5h4.6"/>
		</g>
	</g>
</svg>

[manjey73]

Возможно ли менять на лету в WEB данные параметры?
fill: none
stroke: #d6c954
stroke-linecap: round
stroke-linejoin: round
stroke-width: 2

При редактировании точно возможно. На 5-й версии я это испытывал в редакторе. Перед вставкой можно было изменить. А вот можно ли web научить поменять эти параметры и обновить изображение ?

[Mikhail]

Пожелание записал.

Хотелось бы узнать, как движется дело с новым Редактором Схем?

Пока не движется, т.к. коммерческие работы на базы Rapid SCADA заняли все ресурсы. После окончания этих работ возобновится движение по редактору.

Возможно ли менять на лету в WEB данные параметры?

Насколько я помню, из JavaScript можно работать с SVG.

[Автор]

Сообщения