我有一张手持人的轮廓图像 - 从Photoshop中提取 - 我按照指定的百分比从左到右尝试着色。例如，有时候我可能只想要从左到右填充整个图像的30％，并使用某种颜色。
问题是当我尝试从左到右着色时，我最终也会在形状外的区域着色。看起来形状包含在某种矩形中，即使它们是在没有任何外部容器的情况下专门提取的，也可以使用Photoshop。
这是我到目前为止最接近的：
.pic {
background: linear-gradient(to right, red 50%, white 50%);
}<div class="pic" >
<img class = "image" height= "100%" width = "100%" src="http://i57.tinypic.com/2h5mmom.png"/>
</div>
答案 0 :(得分：0)
图像是矩形。
您可以使用页面的背景颜色（即白色）填充图像中轮廓的外部，使轮廓内部保持透明。然后，填充.pic的背景颜色将仅显示图像的透明区域。
答案 1 :(得分：0)
图像是一个矩形，要使用PNG执行您想要的操作，您需要使轮廓外部的颜色与页面的其余部分匹配，内部是透明的。这样你就可以达到预期的效果。