1 Востаннє редагувалося Kane 2.0 (07.04.2018 20:43:19)

Тема: Карта зображень, pyqt, svg, координати

null

Подякували: leofun011

2

Re: Карта зображень, pyqt, svg, координати

ну ви ж можете дізнатись координати миші, коли клікаєте на ту картинку? ну от переводьте їх в координати відносні для картинки, а потім вже математика... у вас є набір замкнутих об'єктів, і треба якось зрозуміти, в якому об'єкті знаходиться той піксель, по котрому ви клікнули

тут спілкуються українці, про політику, і інше (серед них є програмісти, але дуже мало, тому не заходьте туди лише з питаннями про програмування)
https://discord.gg/Zk29v4P
Подякували: Kane 2.01

3 Востаннє редагувалося leofun01 (01.01.2016 16:50:52)

Re: Карта зображень, pyqt, svg, координати

В html можна використати z-index і поверх svg накласти img з прозорою картинкою.
Наприклад:

<!DOCTYPE html>
<html>
<body>

<img src="http://upload.wikimedia.org/wikipedia/commons/c/c4/600_px_Transparent_flag.png"
  alt="Planets" width="300" height="300" usemap="#planetmap" style="position: absolute;">

<map name="planetmap">
  <area shape="circle" coords="108,108.5,50" alt="Cyan" href="./cyan.html">
  <area shape="circle" coords="157.3,209.5,50" alt="Yellow" href="./yellow.html">
  <area shape="circle" coords="209.2,109.5,50" alt="Magenta" href="./magenta.html">
</map>

<svg style="z-index: -1; position: absolute;" width="300" height="300">
<g fill-opacity=".5" stroke-width="4">
    <circle cx="108" cy="108.5" r="50" fill="#0ff" stroke="#0ff"/>
    <circle cx="157.3" cy="209.5" r="50" fill="#ff0" stroke="#ff0"/>
    <circle cx="209.2" cy="109.5" r="50" fill="#f0f" stroke="#f0f"/>
</g>
</svg>

</body>
</html>

зроблено на основі прикладу з w3schools

Подякували: Kane 2.01

4 Востаннє редагувалося leofun01 (01.01.2016 17:10:10)

Re: Карта зображень, pyqt, svg, координати

А ще посилання можна прописувати прямо в середині svg.
Наприклад:

<svg style="z-index: -1; position: absolute;"
  width="300" height="300">
<g fill-opacity=".5" stroke-width="4">
  <a xlink:href="./magenta.html">
    <circle cx="108" cy="108.5" r="50" fill="#0ff" stroke="#0ff"/>
  </a>
  <a xlink:href="./cyan.html">
    <circle cx="157.3" cy="209.5" r="50" fill="#ff0" stroke="#ff0"/>
  </a>
  <a xlink:href="./yellow.html">
    <circle cx="209.2" cy="109.5" r="50" fill="#f0f" stroke="#f0f"/>
  </a>
</g>
</svg>

Детальніше тут.

Подякували: FakiNyan, Kane 2.02

5 Востаннє редагувалося FakiNyan (01.01.2016 17:21:37)

Re: Карта зображень, pyqt, svg, координати

leofun01 написав:

А ще посилання можна прописувати прямо в середині svg.
Наприклад:

<svg style="z-index: -1; position: absolute;"
  width="300" height="300">
<g fill-opacity=".5" stroke-width="4">
  <a xlink:href="./magenta.html">
    <circle cx="108" cy="108.5" r="50" fill="#0ff" stroke="#0ff"/>
  </a>
  <a xlink:href="./cyan.html">
    <circle cx="157.3" cy="209.5" r="50" fill="#ff0" stroke="#ff0"/>
  </a>
  <a xlink:href="./yellow.html">
    <circle cx="209.2" cy="109.5" r="50" fill="#f0f" stroke="#f0f"/>
  </a>
</g>
</svg>

Детальніше тут.

за допомогою цьої фігні можна красти паролі? типу - "натисніть на цю рибинку, аби перевірити, чи вагітні ви!"
http://puu.sh/mfNAy/3b12ea1458.svg
і потім вас кидає на підроблений сайт, котрий має такий самий дизайн, і пропонує вам увійти в систему, після входу вас перекидує на сайт-оригінал, і наче все окей, ви увійшли в систему.

тут спілкуються українці, про політику, і інше (серед них є програмісти, але дуже мало, тому не заходьте туди лише з питаннями про програмування)
https://discord.gg/Zk29v4P
Подякували: leofun011

6

Re: Карта зображень, pyqt, svg, координати

FakiNyan написав:

за допомогою цьої фігні можна красти паролі?

незнаю ...
Якщо хтось захоче вкрасти пароль думаю він зможе це зробити і без svg.
Головне зробити підробку максимально подібною до оригіналу.

7

Re: Карта зображень, pyqt, svg, координати

leofun01 написав:
FakiNyan написав:

за допомогою цьої фігні можна красти паролі?

незнаю ...
Якщо хтось захоче вкрасти пароль думаю він зможе це зробити і без svg.
Головне зробити підробку максимально подібною до оригіналу.

а мона якось змінити те, що ми бачимо в адресній стрічці?

тут спілкуються українці, про політику, і інше (серед них є програмісти, але дуже мало, тому не заходьте туди лише з питаннями про програмування)
https://discord.gg/Zk29v4P

8

Re: Карта зображень, pyqt, svg, координати

FakiNyan написав:

а мона якось змінити те, що ми бачимо в адресній стрічці?

Тут пишуть, що можна в деяких браузерах за допомогою JavaScript.
Firefox від того трохи захищений, але якщо написати додаток і користувач його встановить, то мабуть теж можна.

Подякували: FakiNyan1

9 Востаннє редагувалося VTrim (01.01.2016 20:02:53)

Re: Карта зображень, pyqt, svg, координати

leofun01 написав:
FakiNyan написав:

а мона якось змінити те, що ми бачимо в адресній стрічці?

Тут пишуть, що можна в деяких браузерах за допомогою JavaScript.
Firefox від того трохи захищений, але якщо написати додаток і користувач його встановить, то мабуть теж можна.

window.history.pushState() дає змінювати адресний рядок тільки в межах домену.
Тобто якщо http://replace.org.ua/search/recent
То змінити можна тільки /search/recent.
Тип атаки,про який говорить факінян називається CSRF. Організувати її можна через замасковані POST/GET запити на незахищені сайти

=)
Подякували: 0xDADA11C7, leofun01, Kane 2.03

10

Re: Карта зображень, pyqt, svg, координати

взагалі-то я казав про звичайний фішинг..

тут спілкуються українці, про політику, і інше (серед них є програмісти, але дуже мало, тому не заходьте туди лише з питаннями про програмування)
https://discord.gg/Zk29v4P

11

Re: Карта зображень, pyqt, svg, координати

Це теж по суті фішинг. Тільки в вашому випадку потрібно створити фейк сторінки авторизації наприклад. Через браузер зберегти весь html включно з js/css секундна справа. А action форми направити на свій php скрипт.

=)

12 Востаннє редагувалося Kane 2.0 (07.04.2018 20:43:23)

Re: Карта зображень, pyqt, svg, координати

null