mirror of
https://github.com/bpmbpm/doc.git
synced 2026-04-30 12:30:52 +00:00
Create SVG_focus.md
This commit is contained in:
parent
fd82389c43
commit
57e64dd5d1
1 changed files with 19 additions and 0 deletions
19
test/AI/code/SVG/SVG_focus.md
Normal file
19
test/AI/code/SVG/SVG_focus.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
SVG
|
||||
Задача:
|
||||
Напиши код на браузерном js (без внешних библиотек). Есть два окна: правое и левое. В правом окне выводится изображение из SVG-файла image.svg.
|
||||
В левом выводится список элементов этого SVG – изображения, которым в SVG задан id, т.е. полный список id элементов SVG. При выборе какого-либо элемента (выбор id) в левом окне происходит передача фокуса (выделение) соответствующего элемента в правом окне (svg). Передача фокуса должна быть через использование id элемента SVG.
|
||||
```
|
||||
image.svg имеет содержание (три rect с надписями: Один, Два, Три):
|
||||
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect id="one" x="10" y="10" width="80" height="30" fill="lightblue" />
|
||||
<text x="20" y="30" font-family="Verdana" font-size="15">Один</text>
|
||||
|
||||
<rect id="two" x="10" y="50" width="80" height="30" fill="lightgreen" />
|
||||
<text x="20" y="70" font-family="Verdana" font-size="15">Два</text>
|
||||
|
||||
<rect id="three" x="10" y="90" width="80" height="30" fill="lightcoral" />
|
||||
<text x="20" y="110" font-family="Verdana" font-size="15">Три</text>
|
||||
</svg>
|
||||
```
|
||||
Если ИИ не справляется и "циклит" один и тот же код, то даю подсказку:
|
||||
добавь диагностику через сообщения console браузера, чтобы понять, где возникает ошибка
|
||||
Loading…
Add table
Add a link
Reference in a new issue