svg 간단한 사용
/span>html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<svg width="500" height="500">
<rect x="10" y="10" width="30" height="30" stroke="pink" fill="yellow" stroke-width="5" id="rect">rect>
<rect x="60" y="10" rx="10" ry="10" width="30" height="30" stroke="red" fill="blue" stroke-width="5">rect>
<circle cx="25" cy="75" r="20" stroke="blue" fill="gold" stroke-width="5">circle>
<ellipse cx="75" cy="75" rx="20" ry="15" stroke="#00ADEE" fill="#A2DE26" stroke-width="5">ellipse>
<line x1="10" x2="50" y1="110" y2="150" stroke="black" stroke-width="5">line>
<polyline points="60 110,65 120,70 115,75 130,80 125,85 140" stroke="orange" stroke-width="5">polyline>
<polygon points="50 160,55 180,70 180,60 190,65 205,50 195,35 205,40 190,30 180,45 180" stroke="gold" fill="yellow" stroke-width="5">polygon>
<path d="M20,230 Q40,205 60,230 T90 230" stroke="red" fill="none" stroke-width="5">path>
svg>
<script>
var rect = document.getElementById("rect");
rect.onclick = function () {
this.style.width = 50;
this.style.stroke = "blue";
}
script>
body>
html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Jetpack Compose를 사용한 커스텀 컴포저블첫 번째 기사 시리즈에서는 Jetpack Compose에서 맞춤 보기를 만드는 방법에 대해 이야기하고 싶습니다. Labeled Ranged Slider의 예에서는 완전히 맞춤설정된 컴포저블을 만드는 데 필요한 단계를...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.