Tôi đang cố gắng tạo lại một bản đồ iphone như ghim đẩy trong SVG và tôi có phần pin xuống nhưng tôi tự hỏi làm thế nào để giải quyết bóng tối. Tôi đã nhìn thấy một loạt các ví dụ đổ bóng nhưng tất cả chúng đều chỉ bù đắp bản gốc bằng một vài pixel. Có thể áp dụng ma trận biến đổi cho bộ lọc để nó bị lệch không?Có thể áp dụng ma trận biến đổi cho hiệu ứng lọc SVG
Dưới đây là pin SVG cho đến nay:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<radialGradient id="SVGID_1_" cx="29.3623" cy="31.1719" r="11.6241" gradientTransform="matrix(1.1875 0 0 1.1875 -30.8438 -30.2812)" gradientUnits="userSpaceOnUse">
<stop offset="0.2637" style="stop-color:#FF0000"/>
<stop offset="1" style="stop-color:#6D0000"/>
</radialGradient>
</defs>
<rect x="9.251" y="13.844" fill="#CCCCCC" stroke="#7C7C7C" width="2" height="24.83"/>
<circle fill="url(#SVGID_1_)" stroke="#660000" cx="10.5" cy="11.5" r="9.5"/>
<ellipse transform="matrix(0.8843 0.4669 -0.4669 0.8843 4.475 -1.6621)" fill="#FFCCCC" cx="6.591" cy="8.199" rx="1.538" ry="1.891"/>
</svg>
cảm ơn!
+1 Câu hỏi hay! – Phrogz