Почему мой клип-путь не работает?

В моем Ember приложение, у меня есть динамический маршрут, такие какПочему мой клип-путь не работает?

router.js

this.resource('reports', function() { 
    this.resource('type', { path: '/type/:type_id' }); 
});

Это дало бы мне сложный URL, такие как:

localhost:8080/reports/type/1234

В моем шаблоне я имею этот код, определяющий мой клипPath

<svg class="svg-container"> 
    <defs> 
    <clipPath id="bound" > 
     <rect width="20" height="30" x="300" y="300" > </rect> 
    </clipPath> 
    </defs> 


    <path d="M32.00000000108507,....(truncated for readability)" 
    stroke-width="2px" 
    clip-path="url(reports#type#54235231673b1b7759694bb2#bound)" 
    class="line greenline" style="stroke: rgb(192, 57, 43);"> 
    </path> 
</svg>

И обтравочный контур не работает. Я подозреваю, что это связано с проблемой маршрутизации ember, так как просто URL-адрес «url (#bound)» тоже не работает. Есть предположения?

источник

2014-09-25 oshikryu

Обновленного пример и котировки не решают проблему – oshikryu

я не думаю, что у вас есть действительные url, у вас не может быть нескольких фрагментов (т. е. # символов) –

Единственная причина, по которой я знаю, что это предотвратит работу 'url (#bound)', это если у вас есть элемент '' HTML. Это так? – Phrogz

Выяснение проблемы! Я неправильно генерировал атрибут url(). Правильный URL для clipPath данного моего маршрута

clip=path="url(reports/type/1232#bound)"

Примечания используя фактический URL как ресурс

источник

2014-09-25 18:04:02 oshikryu

Почему мой клип-путь не работает?

ответ

Смежные вопросы