Witam, mam nadzieję że w dobrej kategorii. Mam taki mały kłopot, próbuję napisać stronę z pomocą deepseek i innych modeli i doszedłem już do pewnych efektów ale zatrzymałem się w jednym punkcie i nie mogę pójść dalej. Strona będzie dzialać na plikach SVG to ma być jakby kreator arkuszy wzorów. Korzystam z biblioteki svg.js i dodatków między innymi SVG.select.js problem polega na tym że po dodaniu tej biblioteki i umieszczeniu wzoru na arkuszu zostaje jakby nałożony czarny prostokąt na wzór, więc zamiast wzoru mam na arkuszu czarny prostokąt. Ziomki z ai nie potrafią sobie z tym poradzić. Czy to jest jakiś znany problem przy używaniu biblioteki. Jeśli będzie potrzebny kod pliku to dodam, ale na razie może wystarczy naprowadzenie na rozwiązanie.
svg.select.js czarny prostokąt
Wątek przeniesiony 2025-06-16 18:10 z Java przez Riddle.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 10
- Rejestracja: dni
- Ostatnio: dni
- Postów: 1027
zapodaj kod z którym masz problem.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 650
A podobno AI miało zabrać programistom pracę xD
- Rejestracja: dni
- Ostatnio: dni
- Postów: 10
menu.js
Mam nadzieje ze dobrze dodałem kod. Generalnie efekt jest taki że mam czarny prostokąt nałożony jakby na wzór z jednym uchwytem do obracania, brak uchwytów do skalowania. Po usunięciu ładowania svg.select.js z index.php wzór jest widoczny normalnie. Nie wiem dlaczego ale nie mogę dodać zawartości index.php.
<?php
// index.php
require_once 'php/db_connect.php';
?>
```
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Projekt Naklejek</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="strona">
<div id="top">
<div id="tytul">Tytuł</div>
<div id="polecenia">Polecenia</div>
</div>
<div id="bottom">
<div id="lewy">
<div id="konstruktor">
<div id="edytor"></div>
<div id="arkusz"></div>
<div id="paleta"></div>
</div>
<div id="dodatkowy"></div>
</div>
<div id="prawy">
<div id="wymiary">Linia1<br>Linia2</div>
<div id="okno"></div>
<div id="navi">
<div id="poprzedni" class="navi-btn">Poprzedni</div>
<div id="dodaj" class="navi-btn">Dodaj</div>
<div id="nastepny" class="navi-btn">Następny</div>
</div>
<div id="menu">
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/@svgdotjs/svg.js"></script>
<script src="https://unpkg.com/@svgdotjs/svg.select.js"></script>
<script src="https://unpkg.com/@svgdotjs/svg.resize.js"></script>
<script src="https://unpkg.com/@svgdotjs/svg.draggable.js"></script>
<script src="js/arkusz.js"></script>
<script src="js/menu.js"></script>
</body>
</html>
```
- Rejestracja: dni
- Ostatnio: dni
- Postów: 1027
Analizowałeś w konsoli czy nie masz jakichś błędów i co to jest za element ten czarny prostokąt? Jeśli można go usunąć ręcznie w konsoli to dopisz sobie jakiś skrypt js, który to będzie robił za Ciebie. A może to robi css? Ewentualnie zapodaj pełny kod razem z css-em, to może się komuś będzie chciało odtworzyć proces i przetestować.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 10
Naprowadziłeś mnie gdzie szukać, udało się tego pozbyć, przyczyna prosta, brak stylu i był nadawany domyślny (czarne wypełnienie), ale jak się to mówi im dalej w las... Pojawiły się problemy z uchwytami nie chcą się skalować razem ze wzorem, więc zmieniam na interact.js, pozbywam się trzech dodatków na rzecz jednego, mam oczywiście problemy z uchwytami ale jakoś to będzie. Może macie jakąś alternatywę dla tych skryptów które są bardziej przyjazne w używaniu. Zależy mi na prostych operacjach, zaznaczenie, przesuwanie, skalowanie i obrót, ewentualnie lustro pion, poziom.