2
클리핑 마스크는 아래를 향한 삼각형의 모양이어야하며 오른쪽 부분 만 보이고 있습니다. 삼각형 마스크의 왼쪽 부분은 중요하지 않습니다. 어떻게 만들 수 있습니까?CSS 또는 jquery에서 삼각형 모양의 이미지에 클리핑 마스크를 만들려면 어떻게해야합니까?
A
답변
1
웹킷의 경우 CSS를 통해 clipping mask을 사용할 수 있습니다. 그러나 Firefox or IE or Opera에 대해서는 작동하지 않습니다.
최신 브라우저의 경우 SVG를 clipping path과 함께 사용할 수 있습니다. 다음은 clipping an image in SVG의 예입니다.
관련 문제
- 1. jQuery 클리핑 마스크?
- 2. iPhone 용 텍스트로 삼각형 공간을 만들려면 어떻게해야합니까?
- 3. 주어진 모양의 antlr 트리를 만들려면 어떻게해야합니까?
- 4. 동적 CSS 여백을 만들려면 어떻게해야합니까?
- 5. 삼각형 주위에 CSS 상자 그림자
- 6. jquery에서 CSS id 스타일에 액세스하려면 어떻게해야합니까?
- 7. CMFCToolBar가 이미지 마스크를 인식하도록하려면 어떻게해야합니까?
- 8. 이미지에 CSS 사용
- 9. 동영상을 클리핑 DirectShow에서 클리핑
- 10. 포인트가 raphael.js 모양의 안쪽 또는 바깥쪽에 있음
- 11. PHP 및 jQuery에서 파일 업로드 진행률 표시 줄을 만들려면 어떻게해야합니까?
- 12. 안드로이드 플랫폼에서 쿠키 또는 세션을 만들려면 어떻게해야합니까?
- 13. CSS 도움말, div를 만들려면
- 14. Visio에서 일반적인 모양의 화살표를 얻으려면 어떻게해야합니까? (선 화살표는 삼각형이 아님)
- 15. 양식을 이미지에 삽입하려면 어떻게해야합니까?
- 16. 테두리 이미지에 CSS 사용 도움말
- 17. 회전 후 크기 조정 또는 클리핑
- 18. HTML로 탭보기를 만들려면 어떻게해야합니까?
- 19. C에서 삼각형 버튼을 만드는 방법 #
- 20. 삼각형 UIView를 만들 수 있습니까?
- 21. 코어 플롯에서 생성 된 차트보다 더 좋은 모양의 차트를 만들려면 어떻게해야합니까?
- 22. 안드로이드 장치에서 넷 마스크를 얻으려면 어떻게해야합니까?
- 23. 프로토 타입으로 입력 마스크를 구현하려면 어떻게해야합니까?
- 24. CGImageCreateWithMaskingColors를 사용하여 여러 색상 마스크를 적용하려면 어떻게해야합니까?
- 25. JQuery에서 $ .css()를 사용하여 CSS 표현 설정
- 26. JQuery.ready가 너무 늦었습니다. 렌더링하기 전에 JQuery에서 CSS 값을 적용하려면 어떻게해야합니까?
- 27. CSS 스타일링을 위해 jQuery에서 현재 선택된 탭을 얻으려면 어떻게해야합니까?
- 28. 사각형이 아닌 모양의 TextBlock 표시
- 29. 이미지에 UniformToFill을 사용할 때 C# 또는 XAML에서 클리핑을 제어하는 방법
- 30. 일반 목록에서보기를 만들려면 어떻게해야합니까?
글쎄, raphael.js가 그 일을하는 것 같습니다.하지만 슬프게도 백그라운드 위치로 배경 이미지를 옮길 때 VML로 채우기 이미지를 옮길 수 없습니다. 그러나 클리핑은 완벽합니다. –