css 在 Canvas 的右下角显示图像的指定部分

Question

我想在 div 中显示图像。

我想显示图像的右下部分。例如

<div id="sample">
</div>

#sample
{
    width:200px;
    height:200px;
    background: url('image-url') no-repeat;
    background-position: -100px -100px;
}

并在 Canvas 的右下角显示图像。例如

<div id="sample">
<img src="image-url" /> 
</div>

#sample
{
    width:200px;
    height:200px;
    overflow:hidden;
    position: relative;
    border: 1px solid black;
}

那么，如何将它们组合在一起——在 Canvas 的右下角显示图像的右下部分？

Answer 1

添加

position:absolute;
right:0;
bottom:0;  

根据您的 div #sample 规则