Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Thay đổi giá trị thuộc tính offset bằng JavaScript</h1> <p>Ban đầu, con cá đi theo một đường tròn và được xoay theo hướng nó đang di chuyển.</p> <p>Nhấp vào nút "Thử" để thay đổi thuộc tính offset của phần tử cá sao cho:</p> <ol> <li>đường dẫn thay đổi (offset-path )</li> <li>con cá bắt đầu hoạt ảnh ở khoảng cách 200 pixel tính từ điểm bắt đầu của đường đi (khoảng cách bù)</li> <li>con cá được xoay vuông góc (90 độ) theo hướng nó đang di chuyển (offset-rotate)</li> </ol> <button onclick="myFunction()">Hãy thử nó</button> <div id="frameDiv"> <img src="img_fish.svg" alt ="fish"> <svg fill="none" đột quỵ="gray" đột quỵ-width="2" đột quỵ-dasharray="5,5"> <path id="path1" d="M 50,150 C 50,275 250,275 250,150 M 250,150 C 250,25 50,25 50,150" /> <path id="path2" d="M 50,250 C 700,-50 -400,-50 250,250" /> </svg> </div> <SCRIPT_PLACEHOLDER_8/ > </body> </html>