Re: SVG, clipPath, listview django.

все упирается в: (path id=), (clipPath id=) - к каждому (image)... Я, уже отказался от варианта в "svg" и сделал в "js"....

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

viewBox="0 0 1050.2747803 1050.2747803" style="enable-background:new 0 0 1050.2747803 1050.2747803;" xml:space="preserve">

<g class="rotats">

<g>

<defs>

<path id="SVGID_1_" d="M484.955719,428.1300964L324.2286377,40.100605

C200.0969391,91.5176392,95.5800781,190.2893066,40.100605,324.2286072L428.1300049,484.955658

C439.2258911,458.1677856,460.129364,438.4135132,484.955719,428.1300964z"/>

</defs>

<clipPath id="SVGID_2_">

<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>

</clipPath>

<g transform="matrix(1 0 0 1 0.000001 0)" style="clip-path:url(#SVGID_2_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(0.7106423 -0.7106423 0.7106423 0.7106423 -11.5751028 269.942749)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_3_" d="M40.100605,324.2286072c-55.4794273,133.9391785-51.4169693,277.6858826,0.000061,401.8175964

l388.0292969-160.7269897c-10.2833862-24.826355-11.0958252-53.5758057,0.0000305-80.3635559L40.100605,324.2286072z"/>

</defs>

<clipPath id="SVGID_4_">

<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>

</clipPath>

<g transform="matrix(1 3.469447e-18 -3.469447e-18 1 0 0)" style="clip-path:url(#SVGID_4_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(-4.512100e-11 -1.005 1.005 -4.512100e-11 -38.9718437 726.1373901)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_5_" d="M40.100666,726.0462036c51.4170341,124.1317139,150.1887054,228.6485596,284.1278687,284.1279907

l160.7270508-388.0294189c-26.7878723-11.0958862-46.5422058-31.9992676-56.8256226-56.8255615L40.100666,726.0462036z"/>

</defs>

<clipPath id="SVGID_6_">

<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>

</clipPath>

<g style="clip-path:url(#SVGID_6_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(-0.7106423 -0.7106423 0.7106423 -0.7106423 271.9470215 1063.371582)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_7_" d="M726.0461426,1010.1741333L565.3191528,622.1447754

c-24.826355,10.2834473-53.5756836,11.0958862-80.3635559,0l-160.7270508,388.0294189

C458.1677246,1065.6535645,601.9143066,1061.5910645,726.0461426,1010.1741333z"/>

</defs>

<clipPath id="SVGID_8_">

<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>

</clipPath>

<g style="clip-path:url(#SVGID_8_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(-1.005 0 0 -1.005 726.0461426 1087.9556885)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_9_" d="M622.1447144,565.3191528c-11.0958252,26.7877808-31.9992676,46.5422363-56.8255615,56.8256226

l160.7269897,388.0293579c124.1317139-51.4170532,228.6485596-150.1887207,284.1279907-284.1279297L622.1447144,565.3191528z"/>

</defs>

<clipPath id="SVGID_10_">

<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>

</clipPath>

<g transform="matrix(1 0 0 1 0 0.000061)" style="clip-path:url(#SVGID_10_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(-0.7106423 0.7106423 -0.7106423 -0.7106423 1064.9334717 779.8937378)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_11_" d="M1010.1740723,324.2285156l-388.02948,160.7270813

c10.2834473,24.826355,11.0960083,53.5757141,0.0001221,80.3635559l388.0294189,160.7270508

C1065.6535645,592.1069336,1061.5911865,448.3602295,1010.1740723,324.2285156z"/>

</defs>

<clipPath id="SVGID_12_">

<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>

</clipPath>

<g transform="matrix(1 3.469447e-18 -3.469447e-18 1 0 0)" style="clip-path:url(#SVGID_12_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(4.512100e-11 1.005 -1.005 4.512100e-11 1089.246582 324.1373901)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_13_" d="M1010.1740723,324.2285156C958.756958,200.0967712,859.9853516,95.5800858,726.0461426,40.1006622

L565.3190918,428.1300659c26.7879028,11.0958862,46.5421143,31.9992065,56.8255005,56.825531L1010.1740723,324.2285156z"/>

</defs>

<clipPath id="SVGID_14_">

<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>

</clipPath>

<g transform="matrix(1 0 0 1 0 0.0000257)" style="clip-path:url(#SVGID_14_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(0.7106423 0.7106423 -0.7106423 0.7106423 781.2393188 -14.3232164)">

</image>

</g>

</g>

<g>

<defs>

<path id="SVGID_15_" d="M726.0461426,40.1006622C592.1069946-15.3787642,448.360321-11.3164263,324.2286377,40.100605

l160.7270813,388.02948c24.8263245-10.2834167,53.575531-11.0959167,80.3633728-0.0000305L726.0461426,40.1006622z"/>

</defs>

<clipPath id="SVGID_16_">

<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>

</clipPath>

<g style="clip-path:url(#SVGID_16_);">

<image style="overflow:visible;" xlink:href="{% static 'index_radius/index_radius.jpg' %}"  transform="matrix(1.005 0 0 1.005 324.1373901 -37.6808167)">

</image>

</g>

</g>

</g>

</svg>

пятница, 26 февраля 2021 г. в 02:08:29 UTC+3, Ryan Nowakowski:

On Wed, Feb 24, 2021 at 12:50:43AM -0800, Siarhei Siarhei wrote:
> Есть слайдер - файл "svg", картинки - "обтравка-clipPath"
>
> <image style="overflow:visible;" xlink:href="{% static
> 'index_radius/index_2_radius.jpg' %}" transform="matrix(0.9 0 0 0.9
> 139.9999695 -50.4106941)"></image>
> (image cont от 6 и более)
> Как же, это пропустить через - ListView?
> Надеюсь что кто то, с таким сталкивался...

(Google Translation from Russian below)
> There is a slider - "svg" file, pictures
>
> (image cont from 6 or more)
> How, then, can this be passed through - ListView?
> I hope that someone came across this ...

I'm assuming the "list" in ListView here is the list of 6 pictures.
Are the pictures stored in an ImageField of a Django model? If not,
that's your first step since ListView is designed to display a list
of django model objects.

On the other hand, if the pictures are static as it appears above {%
static...
...then you'll instead need to create a for loop in your template to
display the 6 pictures:

{% comment %}
from your view: context = {'picrange': range(6)}
{% endcomment %}
{% for picnum in picrange %}
<image style="overflow:visible;" xlink:href="{% static
'index_radius/index_{{ picnum }}_radius.jpg' %}" transform="matrix(0.9 0 0
0.9 139.9999695 -50.4106941)"></image>
{% endfor %}


This assumes that your images are sequential of the form
"index_[N]_radius.jpg"

Anyway, lots of assumptions here so replying with more detail would
defintely help.

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/b29f58eb-084f-486f-b6d3-04a842f695den%40googlegroups.com.