Могу ли я создать морф из нескольких одинаковых svg файлов?

Froggyweb, Я как раз и использовал в предыдущем ответе код из https://codepen.io/GreenSock/pen/rOjeRq.
Но так и не понял поддерживает ли gsap двойные(смешанные, промежуточные) морфы или нет.

Могу ли я создать морф из нескольких одинаковых svg файлов?

Froggyweb, gsap поддерживает смешивание вместе два морфа?
Потому-что у меня он просто перескакивает с одного морфа на другой.
И точки крепятся к ближайшим доступным.

Могу ли я создать морф из нескольких одинаковых svg файлов?

Froggyweb, Но в демо https://maxwellito.github.io/vivus/ только прорисовка контура.
GSAP Я не уверен подойдет ли он мне ведь он работает лишь с определенной версткой как здесь

<svg class="hamburger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <line class="line-one" x1="25" y1="42" x2="75" y2="42" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="4"/>
  <line class="line-two" x1="25" y1="50" x2="75" y2="50" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="4"/>
  <line class="line-three" x1="25" y1="58" x2="75" y2="58" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="4"/>
</svg>

Но у меня

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
 <g>
  <title>background</title>
  <rect fill="#ffffff" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <path id="svg_2" d="m202.5,52.453125" opacity="0.5" stroke-width="1.5" stroke="#000" fill="#fff"/>
  <path stroke="#000" id="svg_3" d="m281.573542,155.638068l137.661758,-89.932222c-30.558752,37.068633 -80.529223,86.49018 -109.911507,117.676474l105.970337,121.794116l-137.08823,-99.323299c-45.696077,32.774433 -85.509814,66.725334 -137.08823,98.323299c33.112672,-37.414676 87.989981,-90.711673 110.514442,-123.420482c-57.754717,-57.813638 -63.744843,-72.686201 -104.440782,-114.617518c41.264668,24.343028 103.117521,66.333072 134.382212,89.499632z" stroke-width="1.5" fill="#ffff00"/>
 </g>
</svg>

И как он будет взаимодействовать с svg файлами сделанными в illustrator я не знаю.

Yuri Artyukh видео уроки о том как создавать svg с нуля а мне нужно работать уже с существующем svg файлом

Могу ли я создать морф из нескольких одинаковых svg файлов?

Froggyweb, При попытке искать svg animate. Я натыкаюсь на простые анимаций такие как увеличить, повернуть, изменить цвет и так далее. Или постепенное прорисовка контуров. Это не то что мне нужно. Мне нужно менять именно координаты и угол ключевых точек в svg файле. и контролировать саму деформацию при помощи ползунка.

Можно ли как нибудь настроиь гугл переводчик на перевод картинок с экрана пк?

profesor08, Я не особо хорош в английском.
google lens это приложение для поиска и перевода через картинку
а Vision AI это дополнение для google cloud которая находит определённые объекты на картинке
Я не особо понимаю как они могут мне помочь.

Можно ли как нибудь настроиь гугл переводчик на перевод картинок с экрана пк?

Все приложения которые ты дал работают только на android а мне нужно как то переводить картинки на пк

Есть ли графический редактор для построения взаимосвязи между двумя и более объектами(картинками)?

dimonchik2013, все я нашел как добавить картинки но почему-то не могу создать больше одного соединения
например между тест4 и тест1

Есть ли графический редактор для построения взаимосвязи между двумя и более объектами(картинками)?

я вроде нашел бесплатный https://sourceforge.net/projects/freemind/
правда пока не понял как вставить свои картинки.

Как перепрошить mi band 2 на измерение в фоновом режиме и уведомлений о высоком пульсе?

Ну простою команду запихать в них же можно?
Ведь браслет способен без телефона уведомить меня о том что ежедневная задача пройдена.
Почему нельзя что то похожее сделать с пульсом?

Как удалить все p и br из шорткода?

Михаил Кобзарев, А можно как то отключить wpautop только внутри шорткода?

Можно ли создать мессенджер без привязки к серверу?

pfg21,
Я слега не то имел в веду
Я хотел узнать есть ли какие то проблемы или уязвимости в DHT-сети о которых лучше знать заранее.

Можно ли создать мессенджер без привязки к серверу?

Вы предлагаете подключится к уже имеющийся DHT-сетью?
А на сколько это будет безопасно(Устойчиво) от внешних воздействий ?
И могу ли я для этого задействовать Django или любое другое дополнение которое понимает HTML-CSS-Javascript ?

Можно ли создать мессенджер без привязки к серверу?

Сергей Горностаев,
Просто я до этого сделал много разных красивых элементов меню на HTML-CSS и жалко если они пропадут в пустую.

Как мне получить имя сайта?

Иван,
Извиняюсь если как то запутал у меня плохо с названиями
Имя сервера это имя которое идет в самом начале
еще вроде бы его называют доменом
Пример

example.com
localhost

Зачастую это имя самой организаций которая предоставляет свой хостинг другим людям.

Имя сайта это название папки коротая появляется при развертываний нового сайта она идет следующей за именем сервера
Пример

https://example.com/controller/
https://localhost/controller/
C:\xampp\htdocs\controller\

Как сделать круглую кнопку со значком по центру?

0xD34F, Да но мне нужно подправить так что бы при увеличение или уменьшение padding или font-size
Иконка оставалось на том же месте относительно круга.
Другими словами мне нужно что бы она не меняла свое относительное положение.

Как сделать круглую кнопку со значком по центру?

Программно да но визуально все равно выпирает горбушка. не все иконки имеют идеальную симметрию изо чего иногда получается криво и надо слегка менять их положение. именно поэтому я и спросил

как сделать так что бы буква столовалась на том же месте относительно центра?

Как сделать круглую кнопку со значком по центру?

Не особо помогло

div{
  display:flex;
  background:#000;
  width: 400px;
height: 400px;
  justify-content:center;
  align-items:center;
}
a{
 color:#fff; 
  background:#0f0;
  padding:10px;
  border-radius:100%;
  font-size:40px;
    display: flex;
justify-content: center;
align-items:center;
}
a:before{
   content: "¶ ";
}

Как сделать круглую кнопку со значком по центру?

Все равно криво

div {
  background-color: red;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div i {
 
  font-size: 50px;
}
div i:before {
    content:"¶"; 
}

Как сделать круглую кнопку со значком по центру?

Иконка ушла слегка вправо. можно это подправить оставив соотношение как есть?

Почему мой код перестал видеть jquery?

Рустам Байназаров, Спасибо тебе большое что помог разобраться.