React를 사용하는 HTML의 SVG 경로 선택기

저는 사용자가 SVG를 업로드할 수 있는 페인팅 애플리케이션을 만들고 있습니다. 다양한 색상으로 채우고 SVG 위에 그린 후 지웁니다. 하지만 불행히도 SVG의 경로를 얻을 수 없습니다. 아래는 SVG 이미지입니다. 마우스를 가져가면 해당 마우스 오버 경로의 경로를 가져와 선택한 색상으로 채우고 싶습니다. Canvas와 SVG 경로를 사용해 보았습니다. 하지만 행운은 없습니다. Canvas에는 SVG를 그리는 데 사용하는 BeginPath 메서드가 있습니다. <?xmlversion='1.0'encoding='utf-8'?&am...

P粉566048790 2023-09-01 23:22:48 0  1  594

SVG 경로 크기 조정 및 mPdf를 사용하여 변환

안녕하세요, SVG에 문제가 있습니다. 먼저 SVG를 HTML에 넣었습니다. 입력 유형 라디오를 사용하면 사용자가 이 SVG의 크기를 조정할 수 있습니다(백분율 값이 있는 너비 스타일 속성을 추가하여). 하지만 mpdf(JSON의 SVG)로 보내면 작동하지 않습니다. 그런 다음 PDF의 크기를 계산하려고 시도하지만 이 SVG의 뷰박스/크기에 맞지 않습니다. 그래서 내가 얻는 SVG는 다음과 같습니다. PDF로 렌더링하고 싶지만 크기가 다릅니다. 함수getPrintSize(

P粉287726308 2023-08-16 17:57:54 0  1  638

JavaScript를 사용하여 SVG 요소 생성

JavaScript를 사용하여 SVG 요소를 만드는 방법은 무엇입니까? 다음 코드를 시도했습니다. varsvg=document.createElement('SVG');svg.setAttribute('style','border:1pxsolidblack');svg.setAttribute('width','600');svg.setAttribute(' 높이','250');svg.setAttribute

P粉662802882 2023-08-22 22:04:39 0  2  536

SVG를 배경 이미지로 사용

CSS에서 SVG를 배경 이미지로 사용하는 방법은 무엇입니까? 사용해봤는데 헷갈리네요. CSS 형식이어야 한다는 것을 알고 있지만 어떻게 해야 합니까?

P粉986937457 2023-08-14 18:41:14 0  1  611

React 및 TypeScript를 사용하여 정적 디렉터리에서 png 및 svg 파일을 로드하는 경로

동적으로 파비콘으로 사용하기 위해 /static/ 디렉토리에서 svg 및 png 파일을 경로로 로드하려고 합니다. ./src/model/view/<SomeView.ts>./static/<SomeFile.png|svg>./src/custom.d.ts./tsconfig.json./webpack 문서에 따라 모든 것을 구성했습니다. config.js./package.json 예제 보기 B

P粉122932466 2023-08-30 20:10:18 0  1  532

HTML, CSS 및 SVG를 사용하여 확장 가능한 표지판 만들기

표지판(팁이 있는 직사각형) 형태의 버튼을 만들고 싶습니다. ________|\|_______/각 텍스트의 길이가 다른 텍스트를 로고에 동적으로 쓰고 싶습니다. 그래픽만 배경 그래픽으로 사용하여 이 작업을 시도하면 그에 따라 화살표의 크기가 조정되고 압축/늘어납니다. 따라서 이를 수행하는 방법은 텍스트를 일반 div에 넣고 CSS:after를 사용하여 화살표를 SVG로 추가하는 것입니다. 화살표는 완전히 채워져야 합니다. 즉, 프레이밍 문제를 다룰 필요가 없습니다. (가시성을 높이기 위해 SVG를 검정색으로 남겨 두었습니다.) 첫 ...

P粉555682718 2024-03-31 14:45:14 0  1  461

이미지와 같은 <use> 요소를 통해 SVG 아이콘의 크기를 조정하는 방법

내 HTML 문서에는 icon-x와 같은 ID 속성을 가진 많은 항목이 포함된 문서가 있습니다. 그런 다음 <divclass=container><svg><usexlink:href=#icon-x/></svg></div>와 같은 아이콘을 재사용하고 싶습니다. 그러나 이 예의 아이콘은 소스 SVG에서 다른 아이콘을 가질 수 있습니다. 크기. div.container에는 맞지만 컨테이너 내부의 svg에는 맞지 않기를 원합니다.

P粉184747536 2023-09-15 21:09:43 0  1  931

SVG 또는 CSS를 사용하여 하이브리드 직선/곡선 섹션 경계를 만드는 방법은 무엇입니까?

내 응용 프로그램의 경우 비표준 섹션 경계가 있는 등록 페이지를 만들고 있습니다. 여기에서 제가 달성하려는 것이 무엇인지 알 수 있습니다. 이것은 단순한 호가 아닙니다. 두 개의 직선과 그 사이에 호가 있습니다. 내가 아는 한, 이와 같은 것을 달성하는 가장 좋은 방법은 SVG를 사용하는 것입니다. 문제는 흰색 영역이 전체 영역을 덮는 이미지를 갖게 된다는 것입니다. 시연을 위해 하늘색을 사용하겠습니다. 배경 이미지 속성이 있는 표준 div를 사용하는 경우 SVG의 흰색이 불투명하므로 다음과 같은 결과가 나타납니다. 나중에 읽기 위...

P粉920835423 2023-09-02 11:35:13 0  1  620

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  581

어떤 편집기를 사용하셨나요?

어떤 편집기를 사용하셨나요?

Lerriy 2019-04-03 13:38:12 0  0  1147

공개 이벤트 버스를 사용하는 vue.js

Vue 프레임워크 사용을 연습하고 todo 데모를 작성하면서 할 일 항목을 두 개의 병렬로 표시하는 input 요소(new-input 컴포넌트)와 ul 및 li 요소(todo-items 및 todo-item 컴포넌트)를 작성했습니다. 구성 요소, 이제 추가할 입력 구성 요소에 텍스트를 입력하고 공개 이벤트 버스를 사용하여 트리거하세요...

黄舟 2017-06-12 09:25:35 0  2  934

php - 작곡가 사용 중 오류가 발생했습니다.

작곡가를 사용하여 laravel을 설치하는 중 오류가 발생했습니다.

仅有的幸福 2017-05-16 13:16:25 0  2  515

React Query를 사용한 데이터 게시

저는 ReactQuery를 배우고 있으며 이를 사용하여 데이터를 게시하려고 합니다. ReactQuery를 사용하여 데이터를 가져올 수 있지만 이를 사용하여 데이터를 게시할 수는 없습니다. 내 질문은 ReactQuery를 사용하여 데이터를 게시하는 것이 가능한지, 그리고 이를 수행하는 방법입니다. 감사해요:)

P粉821808309 2023-08-25 10:51:12 0  1  504

PHP를 사용하는 사용자 정의 로그인 양식이 포함된 ADFS SSO

내 실제 요구 사항은 두 서버 모두에 2개의 AWS 서버가 있다는 것입니다. xml 파일을 추가했습니다. 내 요구 사항은 이메일과 비밀번호를 사용하여 애플리케이션 페이지에서 로그인하고 싶다는 것입니다. 이 자격 증명은 Active Directory에서 확인합니다. 사용자 존재 여부 (예인 경우) 이메일 ID와 같은 사용자 세부 정보와 함께 내 애플리케이션에 반환되어야 합니다. PHP에서 이 기능을 구현하고 싶습니다.

P粉384366923 2024-02-26 15:42:11 0  1  403

커스텀 클래스를 조건으로 사용하는 Tailwind 연습

순풍에 조건을 설정할 수 있나요? 상위 요소에 "small"과 같은 클래스가 있는 경우 이 요소는 "p-0" 속성을 사용합니다. 모든 옵션을 작성하지 않고 "parent-small:p-0"과 같은 것을 사용하여 이를 달성할 수 있습니까? 스타일 파일에 꼭 필요한 클래스만 추가하려고 했는데 이로 인해 중복되는 클래스가 많아지고 tailwind를 사용하여 이를 달성할 수 있는지 궁금했습니다.

P粉513316221 2023-09-08 14:08:57 0  1  537

Sass를 사용하는 Nuxt 3

Sass와 함께 NUXT3를 어떻게 사용할 수 있습니까? 문서도 공유해 주세요. nuxt3 프로젝트에 sass를 추가하려고 시도했지만 vite에는 scss를 로드할 수 있는 옵션이 없는 것 같습니다.

P粉211600174 2024-01-28 21:55:44 0  2  426

PHPRedis를 사용하여 잠금 메커니즘 구현

Redis 키를 잠그는 데는 다음 두 가지 기능이 있습니다. Redis를 사용하여 코드 블록의 동시 실행을 방지하려고 합니다. 그래서 내가 한 일은 다른 스레드가 동일한 코드를 실행하는 것을 방지하기 위해 다음 함수를 사용하는 것입니다. lockRedisKey("ABC");CODETHATIDON'TWANTTORUNCONCURRENTLY!unlockRedisKey("ABC") 불행하게도 작동하지 않는 것 같으며 lockRedisKey(

P粉515066518 2023-08-28 18:33:09 0  2  641

VueJS를 사용하는 ComboBox 템플릿 구성 요소

vuejsv3을 사용하여 Combobox 템플릿 구성 요소를 만들고 싶습니다. 이를 위해 다음 코드가 있습니다. <template><selectname={{selector_name}} class="combobox"id={{selector_id}}>v-for=optin{{ selector_options} }<optionvalue=opt>옵션</optio

P粉550323338 2023-09-03 22:34:50 0  1  482

python - django에서 pymysql을 사용한 후에도 modles.py를 사용하여 mysql을 작동할 수 있나요?

내 환경은 Python3.6 + django1.11.1 + mysql입니다. 이전에 배웠을 때는 sqlite3을 사용했습니다. 이제 models.py에서 클래스를 정의하여 테이블을 만들어야 합니까? 왜 이렇게 작성하고 {code...}를 실행했는데 mysql에서는 작동하지 않는 걸까요...

扔个三星炸死你 2017-06-12 09:23:48 0  3  1373

저는layuiadmin을 처음 사용하고 tp에 배포합니다. PHP를 사용하여 백엔드 관리 시스템을 작성하고 싶습니다.

저는layuiadmin을 처음 사용하고 tp에 배포합니다. PHP를 사용하여 백엔드 관리 시스템을 작성하고 싶습니다. 저는layuiadmin을 처음 사용하고 tp에 배포합니다. PHP를 사용하여 백엔드 관리 시스템을 작성하고 싶습니다. 저는layuiadmin을 처음 사용하고 tp에 배포합니다. PHP를 사용하여 백엔드 관리 시스템을 작성하고 싶습니다.

一克拉 2019-10-17 15:15:52 0  2  1459