CamanJS в SVG? - PullRequest
Новая
       27

CamanJS в SVG?

0 голосов
/ 29 сентября 2018

Я хочу выполнить некоторые манипуляции с изображениями на стороне клиента с помощью CamanJS (http://camanjs.com/guides/) или другого инструмента, подобного ему, для изображения внутри элемента <svg>.

Пример кода похож навот это ... 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="624" height="793" id="svg_3162" style="width: 639px;">
    <desc>Created with Rapha�l</desc>
    <defs></defs>
    <rect x="15" y="150" width="24" height="24" r="0" rx="0" ry="0" fill="#ff0000" stroke="none"></rect>
    <rect x="7" y="174" width="24" height="24" r="0" rx="0" ry="0" fill="#000000" stroke="none"></rect>
    MORE SVG STUFF
    <image x="35" y="0" width="600" height="769" preserveAspectRatio="none" xlink:href="https://s3.amazonaws.com/path/to/image.jpg"></image>
    MORE SVG STUFF
</svg>

Достигается проблема с тегом <image> в теге <svg>, который, кажется, является проблемой. Кто-нибудь знает, может ли CamanJS работать с этим?там что может работать по этому сценарию?

1 Ответ

0 голосов
/ 29 сентября 2018

использовать foreignObject и также устанавливать значения высоты, ширины, x и y 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="624" height="793" id="svg_3162" style="width: 639px;">
<desc>Created with Rapha�l</desc>
<defs></defs>
<rect x="15" y="150" width="24" height="24" r="0" rx="0" ry="0" fill="#ff0000" stroke="none"></rect>
<rect x="7" y="174" width="24" height="24" r="0" rx="0" ry="0" fill="#000000" stroke="none"></rect>
MORE SVG STUFF

MORE SVG STUFF

...