Để trả lại phần nào của phần tử được định vị có thể nhìn thấy, hãy sử dụng clip thuộc tính trong JavaScript.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách cắt hình ảnh -
<!DOCTYPE html>
<html>
<head>
<style>
img {
position: absolute;
top: 100px;
}
</style>
</head>
<body>
<button type="button" onclick="display()">Clip</button><br>
<img id="newImg" src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" width="170" height="150">
<script>
function display() {
document.getElementById("newImg").style.clip = "rect(10px 90px 90px 10px)";
}
</script>
</body>
</html>