1. 홈
  2. 질의 응답
  3. div를 캔버스 요소로 마스킹하기

div를 캔버스 요소로 마스킹하기

2012-01-05 3 views
0

슬라이드 쇼를 캔버스 요소로 마스킹 할 수있는 div로 주로 구성하려고합니다. 사각형이 아닌 원이나 이상한 모양이 될 수 있습니다. ? 수 내가 된 div의 전체 사업부 또는 수집을 이미지 마스킹의 많은 예제를 볼 수 있지만하지 않은div를 캔버스 요소로 마스킹하기

출처

2012-01-05 Adam Goodnight

+1

자세한 내용을 입력하십시오. "마스킹"이란 무엇을 의미합니까? – Phrogz

답변

2

예는 확실히 할 수있는 div 마스크 예를 들어 캔버스가이 같은 DIV 마스크 수 :..

enter image description here을

그 이미지는 여기에 있습니다.

그것은 단지 주목해야한다

http://jsfiddle.net/r58jF/

or white는 원형 사업부의 환상을 제공하고 환상 또는 사업부

(or something fancier)

출처

2012-01-05 16:01:38

+0

"다른 모든 영역에서 검은 색을 그리는 것"은 "마스킹"과 동일하지 않다고 생각합니다. 특히, @ Adam이 div 콘텐츠의 일부를 투명하게 만들고 싶다고 생각합니다. – Phrogz

+1

아마 맞 겠지만 div 콘텐츠의 일부분을 투명하게 보이게하는 효과는 가능합니다. 예를 들어 그 효과가 환상적이라면 (예 : http://jsfiddle.net/5Y4zL)/1 /, 진정한 투명 마스크는 아니지만 사용자에게 충분히 투명 해 보인다.) 이는 그가 필요로하는 것을 충분히 충족시킬 수는 있지만 그가 표시 할 계획에 따라 크게 달라진다. 그는 그것을 제공하지 않기 때문에, 나는 그가 그 효과를 달성해야 할지도 모르는 옵션을 제공하는 것이 가치가 있다고 생각한다. –

+0

동의합니다. 나는 확실히 OP에서 더 답변 없이이 답변을 downvote하지 않을거야 :) – Phrogz

0

당신은 사용할 수 없습니다 뒤에 무엇인지에 따라 크게 우발입니다 HTML 요소를 캔버스의 이미지 원본으로 렌더링하므로 캔버스를 사용하여 HTML의 내용을 그릴 수 없습니다. div의 임의 부분을 완전 또는 부분적으로 투명하게 만들고 싶다면 "아니오, Canvas로 할 수 없습니다."라고 대답하십시오.

출처

2012-01-05 22:41:52 Phrogz

관련 문제

 관련 문제