HTML - Corp und die Größe neu SVG Bild

Ich habe folgende svg, von dem ich nur ein Symbol und die Größe neu bestimmen esHTML - Corp und die Größe neu SVG Bild

Ich besuchte paar posts angezeigt werden soll, aber keiner von ihnen arbeitet für mich.

Ich habe versucht, durch folgende:

<p class="crop"><img src="/WebNew/Content/main_page_assets/02_general_alerts_icons.svg"/></p> 
.crop { 
    float: left; 
    margin: .5em 10px .5em 0; 
    overflow: hidden; /* this is important */ 
    position: relative; /* this is important too */ 
    border: 1px solid #ccc; 
    width: 150px; 
    height: 90px; 
} 

.crop img { 
    position: absolute; 
    top: 0px; 
    left: -55px; 
}

Es wäre toll, wenn mir jemand mit einer Arbeits Geige helfen können!

Quelle

2016-06-06 omriman12

Bedürfnisse ein CSS '' content = "" '' und Hintergrund sein, wie svg – Riskbreaker

versucht, dass auch – omriman12

hier perfekt aussieht. Erhöhen Sie einfach '.crop img {Breite: 400%; } 'oder welche Größe auch immer zum Bildschirm passt. Ändere auch die Größe '.crop {width: 90px; } 'so ist es ein Quadrat, anstatt eines unnötigen Rechtecks – warkentien2

SVG Sprite Blatt kann leicht wie auf diese Weise verwenden:

<use xlink:href="#icon-pacman"></use>

https://jsfiddle.net/xL8d31n9/

Es ist einfacher als CSS-Sprite-Blatt der Fall ist.

Ref: https://css-tricks.com/svg-use-external-source/

Quelle

2016-06-06 14:54:30 twxia

Das absolut meine Frage nicht beantworten. Lesen Sie die Frage, ich habe eine Svg mit vielen Symbolen, ich möchte die eine, die ich mit 'corp' oder was auch immer und Größe auf die Größe, die ich will, – omriman12

@ omriman12 Warum brauchen Sie css crop Weg? aber nicht svg verwenden? Svg kann auch die Größe ändern, was Sie wollen, – twxia

HTML - Corp und die Größe neu SVG Bild

Antwort

Verwandte Themen