Pages

Search


Operasi dasar morfologi dengan SVG

15 March 2012

Ada dua operasi dasar morfologi yaitu dilasi dan erosi. Cara penggunaan dapat dilihat pada source code berikut ini :

<?xml version="1.0"?>
<!DOCTYPE html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500px" height="400px">
    <filter id="dilasi">
      <feMorphology operator="dilate" in="SourceGraphic" radius="1" />
    </filter>
    <filter id="erosi">
      <feMorphology operator="erode" in="SourceGraphic" radius="1" />
    </filter>
  <rect width="500" height="400" style="fill:rgb(255,255,255)" />
  <image x="125" y="0" width="250" height="200" xlink:href="../lopi0003.jpg" />
  <image x="0" y="200" width="250" height="200" xlink:href="../lopi0003.jpg" filter="url(#dilasi)" />
  <image x="250" y="200" width="250" height="200" xlink:href="../lopi0003.jpg" filter="url(#erosi)" />
</svg>

Pada gambar di bawah, gambar paling atas adalah gambar aslinya. Gambar sudut kiri bawah dilakukan proses dilasi dan gambar sudut kanan bawah dilakukan proses erosi.

No comments:

Post a Comment

 

Link Exchange

Molotuspi Studio