свойство clip-rect raphael для получения результата на сгенерированном изображении svg

Question

У меня есть изображение на моем холсте в Рафаэле, и я использую clip-rect для обрезки деталей, которые мне не нужны. Теперь я создал svg с плагином raphael.serialize, но я не могу получить работу с клипом. Тхет часть из PHP скрипт, который перебираем созданный JSON:

for ($i=0; $i <= count($json); $i++) { 
      if ($json[$i]['type'] == "image") { 
       $base64 = base64_encode(file_get_contents($json[$i]['src'])); 
       $output .= '<image overflow="visible" x="'.$json[$i]["x"].'" y="'.$json[$i]["y"].'" width="'.$json[$i]["width"].'" clip-rect="'.$json[$i]["clip"].'" height="'.$json[$i]["height"].'" transform="'.$json[$i]["transform"].'" preserveAspectRatio="none" xlink:href="data:image/png;base64,'.$base64.'"></image>'; 
      } 
    } 

и здесь какая-то часть модифицированного плагина сериализации:

var object = { 
        type: node.type, 
        width: node.attrs['width'], 
        height: node.attrs['height'], 
        x: node.attrs['x'], 
        y: node.attrs['y'], 
        src: node.attrs['src'], 
        clip: node.attrs['clip-rect'], 
        transform: node.transformations ? node.transformations.join(' ') : '' 
       } 

я пытался использовать Viewbox = "» $ JSON [$ я]. ["clip"]. '"и clip ="'. $ json [$ i] ["clip"]. ", но я не получаю результата.

Как я могу заставить эту работу работать?

Answer 1

В SVG нет атрибута 'clip-rect'. Однако есть атрибут 'clip-path', который фактически используется Рафаэлем (клип-rect - это просто абстракция/ограничение). Обратите внимание, что вам потребуется сериализовать <clipPath>, который также определяет область отсечения.