相关疑难解决方法(0)

使用<svg>标记将SVG直接包含在文档中时,可以通过文档的样式表将CSS样式应用于SVG.但是,我正在尝试将样式应用于嵌入的SVG(使用<object>标记).

是否可以使用以下代码之类的东西？

object svg { 
    fill: #fff; 
}

我有一个黑色的心PNG图像我想用不同的颜色显示.如何使用javascript/css/jquery更改心脏的颜色？

我正在努力打造一名衬衫设计师.所以背景是衬衫,心脏是印花设计(以及其他形状).

PS我知道这已经是重复但似乎没有任何解决方案有帮助.希望你们能帮助我,如果你已经这样做了.非常感谢!

解决方案更新:

解决方案是使用canvas.发现我的解决方案在这里.这是代码:

<h4>Original Image</h4>
<img id="testImage" src='black-heart.png'/>

<h4>Image copied to canvas</h4>
<canvas id="canvas" width="128" height="128"></canvas>

<h4>Modified Image copied to an image tag</h4>
<img id="imageData"/>



<script>
var canvas = document.getElementById("canvas"),
    ctx = canvas.getContext("2d"),
    image = document.getElementById("testImage");

ctx.drawImage(image,0,0);

var imgd = ctx.getImageData(0, 0, 128, 128),
    pix = imgd.data,
    uniqueColor = [0,0,255]; // Blue for an example, can change this value to be anything.

// Loops through all of the pixels and modifies the components.
for …

可能重复:
使用javascript更改SVG图像颜色

当我将鼠标悬停在SVG图像上时,我想更改它的填充.

现在我有一个从Illustrator导出到SVG的黑色问号.我可以使用img标签放在我的页面上,它显示正常,但我不知道如何更改代码中的颜色.