i totally lost when comes svg : trying resize svg 24 px , used html element. @ moment, square little occupies pixel ...
could show me how please ? thank you.
here svg file :
<?xml version="1.0" encoding="utf-8" ?> <!-- generator: adobe illustrator 16.0.0, svg export plug-in . svg version: 6.00 build 0) --> <!doctype svg public "-//w3c//dtd svg 1.1//en" "http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="640px" height="480px" viewbox="0 0 640 480" enable-background="new 0 0 640 480" xml:space="preserve"> <g id="calque_1"> </g> <g id="calque_2"> <path fill="#ad9d91" d="m348,268h-56v-56h56v268z m293,267h54v-54h-54v267z m334,226h-28v28h28v226z" /> </g> </svg>
you need make viewbox match dimensions of shape you've drawn. 1 have far big. of course shape not square you'll either blanks on 2 edges or needs distort if want occupy square region. set preserveaspectratio="none" if want distortion.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="640px" height="480px" viewbox="292 212 56 56"> <rect fill="blue" width="640" height="480"/> <g id="calque_1"> </g> <g id="calque_2"> <path fill="#ad9d91" d="m348,268h-56v-56h56v268z m293,267h54v-54h-54v267z m334,226h-28v28h28v226z" /> </g> </svg>
Comments
Post a Comment