小编Mic*_*any的帖子

使用GIMP我已经在http://upload.wikimedia.org/wikipedia/commons/9/95/Continents.svg中获得了每个大陆的路径,但是现在我无法弄清楚如何将这个SVG文件转换成类似的东西(摘自https://github.com/thomaspeklak/raphaeljs-worldmap):

你能指导我如何将SVG路径转换为Raphael Path吗？

africa.push(W.path("M13728 10231 c-34 -19 -84 -21 -109 -5 -6 4 -15 1 -19 -5 -5 -9 -14 -9 -35 1 -22 10 -29 10 -33 0 -2 -6 -11 -12 -21 -12 -9 0 -23 -6 -29 -12 -10 -10 -17 -10 -32 0 -27 16 -55 15 -190 -7 -113 -19 -180 -42 -180 -63 0 -5 -7 -8 -15 -5 -8 4 -17 2 -20 -3 -4 -6 -13 -10 -21 …

是否可以在HTML中使用SVG绘制新月？我一直在W3学校尝试,但我没有看到这样的例子.我不需要你在"新月"的典型谷歌图片中看到的任何阴影,只是一个坚固的边界新月.

所以我使用SVG混合复制了新的iOS7照片应用程序图标,并且在IE10,Chrome 27和Safari 6中看起来很不错,但在Firefox中根本没有显示.我错过了明显的XML咒语吗？(另外 - 这段代码看起来非常冗长 - 如果有任何关于缩写此列表的建议,那就太棒了)

<svg width="500px" height="1000px" viewBox="0 0 500 1000" xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>   
   <path id="orange" d="M200,50 a35 35 0 0 1 100 0 l0 100 a40 40 0 0 1 -100 0 z" fill="rgb(252,170,30)" />
   <path id="yellow" transform="rotate(45 250 200)" d="M200,50 a35 35 0 0 1 100 0 l0 100 a35 35 0 0 1 -100 0 z" fill="rgb(242,229,0)"/>
   <path id="green" transform="rotate(90 250 210)" d="M200,50 a35 35 0 0 1 100 0 l0 100 a35 35 0 …

SVG路径通常看起来像一条实线:

是否可以为SVG路径实现手绘(蜡笔)样式？

这是一个带有文本元素的简单SVG的示例.为了便于阅读,我希望文本周围有一个阴影.我使用CSS实现了这样的解决方案:text-shadow.

这是文本元素:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version = "1.1" width= "100" height= "100">
   		<g>
   			<rect x="0" y="0" width="100" height="100" fill="gray"/>
    		<circle cx="50" cy="50" r="5"/>
    		<text x="50" y="40" style="text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;">Text</text>
    	</g>
</svg>

JSFiddle与SVG

这适用于Chrome和Firefox.但影子在IE中不可见.据我所知,IE支持文本阴影,但不支持SVG.是否有替代解决方案,以获得类似的效果？从IE 9开始会很棒,但如果它只有10或11也会很好.

编辑:我正在寻找一个SVG解决方案.SVG用作地图的一部分,因此进行平移和缩放.因此,使用HTML元素的解决方案并不是很有用.

我真的很困惑,当使用亚马逊s3时,键值应该是什么,这是我的代码.

   <form action="http://bucket.s3.amazonaws.com" method="post" enctype="multipart/form-data">
<input type="text" name="key" value="{filename}" />
<input type="text" name="acl" value="public-read" />
<input type="text" name="content-type" value="text/plain" />
<input type="hidden" name="AWSAccessKeyId" value="Amazon Key" />
<input type="hidden" name="policy" value="ewogICJleHBpcmF0aW9uIjogIjIwMTItMDEtMDFUMTI6MDA6MDAuMDAwWiIsCiAgImNvbmRpdGlvbnMiOiBbCiAgICB7ImJ1Y2tldCI6ICJpcIHsiYWNsIjogInB1YmxpYy1yZWFkIiB9LAogICAgWyJlcSIsICIka2V5IiwgIntmaWxlbmFtZX0iXSwKICAgIFsic3RhcnRzLXdpdGgiLCAiJENvbnRlbnQtVHlwZSIsICJ0ZXh0LyJdLAogIF0KfQo=" />
<input type="hidden" name="signature" value="fGWi1jKU+hKZKbCIL1eD0=" />
<input name="file" type="file" />
<input name="submit" value="Upload" type="submit" />
</form>

好吧我正在使用这项服务来生成我的政策等因为我还没有弄清楚如何手动完成这项工作.

http://s3.amazonaws.com/doc/s3-example-code/post/post_sample.html

这有效,并为我提供了上传的所有内容.但是当我上传我的文件时,他们总是调用{filename}而不是实际的文件名是picture.jpg.我知道这就是这条线.

<input type="text" name="key" value="{filename}" />

我希望它从我上传的实际文件名中取出该值.

我做错了什么很困惑.

我试过把它留空但我得到这个错误.

InvalidArgumentUser键的长度必须大于0

我想让它为我工作????

请帮忙

在下图中.我已经给容器10px填充,因为大多数时候我需要填充.只有标题(蓝色)我不需要填充.如何扩展标题超过填充？

http://i.stack.imgur.com/DeSHZ.jpg

我不想为容器内的每个元素提供单独的填充.

我有一个带有html文件(Html 5)的asp.net项目.我试图使用CSS 3将SVG设置为我的身体标签的背景.我有这样的文件.

在我的Style.css中.

当我双击并打开html文件.我可以看到身体充满了SVG,但是当我使用VS 2010进行调试时这不起作用.

这是我使用vs 2010调试html时得到的.

我在这里错过了什么？怎么解决这个问题？

我有一个 SVG 刻度图标，带有正在被剪裁的阴影。我在 SO 上看到的常用过滤器偏移方法没有帮助。有什么建议？

<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     x="0px" y="0px" width="73.516px" height="55.507px" viewBox="0 0 73.516 55.507" xml:space="preserve">

  <filter id="dropShadow" x="-20%" y="-20%" width="200%" height="200%">
    <feGaussianBlur in="SourceAlpha" stdDeviation="2" />
    <feOffset dx="0" dy="0" />
    <feMerge>
        <feMergeNode />
        <feMergeNode in="SourceGraphic" />
    </feMerge>
  </filter>

  <polygon fill="#F2F2F2" points="61.769,0 29.784,31.987 11.765,13.96 0,25.69 18.034,43.735 18.011,43.761 29.748,55.507 
    73.516,11.75 " filter="url(#dropShadow)"/>

</svg>

我用 Adob​​e Illustrator 生成了这个，然后通过代码添加了阴影。

谢谢！

你能帮我找出如何使用 SVG 在下面的链接上实现棕褐色调吗？

我用 Photoshop 的色彩平衡制作的棕褐色调

我试过以下代码：

<svg class="defs-only">
  <filter id="monochrome" color-interpolation-filters="sRGB"
          x="0" y="0" height="100%" width="100%">
    <feColorMatrix type="matrix"
      values="1.00 0 0 0  0 
              0.80 0 0 0  0  
              0.65 0 0 0  0 
                0  0 0 1  0" />
  </filter>
</svg>

CSS：

img{
    -webkit-filter: url(#monochrome);
    filter:  url(#monochrome);
}

但是我得到的feColorMatrix Sepia Tone是非常不同的，而且似乎不像在 Photoshop 上那样只影响中间色调。

注意：我不能使用画布。