Samuele Locatelli
45 lines
1.6 KiB
Plaintext
45 lines
1.6 KiB
Plaintext
<h3>Test</h3>
|
|
|
|
@*Vedere link
|
|
https://www.dallaskostna.ca/2021/03/13/scalable-vector-graphics-svg-and-blazor/
|
|
*@
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1056" height="150" stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd">
|
|
<defs>
|
|
<linearGradient id="A" x1="-3.60%" y1="-33.86%" x2="61.76%" y2="68.40%">
|
|
<stop offset="0%" stop-color="#efefef" />
|
|
<stop offset="100%" stop-color="#b4b4b4" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g class="B C">
|
|
<path d="M.2-.5h214.3v150H.2z" fill="url(#A)" />
|
|
<path d="M11.5 50H61v71.6H11.5z" />
|
|
</g>
|
|
<path d="M36.3 52.4H13.8v67h45v-67z" class="@testclass1" @onclick="test1" />
|
|
<path d="M17.7-.5h.2l-.2 47.8zM56-.5h.2L56 47.3z" fill="gray" class="B C" />
|
|
<path d="M67.7 50H147v71.6H67.7z" class="@testclass2" @onclick="test2" />
|
|
<g class="B C">
|
|
<path d="M74.2-.5h.2l-.2 47.8zm66 0h.2l-.2 47.8z" fill="gray" />
|
|
<path d="M153 50h49.6v71.6H153z" />
|
|
</g>
|
|
<path d="M177.8 52.4h-22.5v67h45v-67z" class="@testclass3" @onclick="test3" />
|
|
<path d="M159-.5h.2l-.2 47.8zm38.4 0h.2l-.2 47.8z" fill="gray" class="B C" />
|
|
</svg>
|
|
|
|
@code {
|
|
string testclass1 = "regionnotclicked";
|
|
string testclass2 = "regionnotclicked";
|
|
string testclass3 = "regionnotclicked";
|
|
|
|
private void test1()
|
|
{
|
|
testclass1 = "regionclicked";
|
|
}
|
|
private void test2()
|
|
{
|
|
testclass2 = "regionclicked";
|
|
}
|
|
private void test3()
|
|
{
|
|
testclass3 = "regionclicked";
|
|
}
|
|
} |