Html2canvas: 带有边界半径的图像不起作用

创建于 2014-03-07  ·  6评论  ·  资料来源: niklasvh/html2canvas

具有边框半径的图像显示为正方形。 我尝试添加带有颜色和透明的 1px 边框以强制边框。

我还尝试使用带有边框和overflow:hidden的包装 div ，但它也不起作用。

这是一个错误吗？ 有什么 CSS 技巧可以解决它？

picture jorgecasar

所有6条评论

您所说的似乎是一个错误，但是请放置问题的测试用例以了解您是如何处理 html 的。

brcontainer picture brcontainer 于 2014-03-07

我制作了这个 jsfindle，但由于我猜是外部图像，它不起作用。 但这足以显示我测试的示例。

肮脏的把戏：此刻，我更改了背景图像的图像。

jorgecasar picture jorgecasar 于 2014-03-07

真的是BUG，不是渲染带有border-radius的图片。

div#test2可以渲染，但图像与它重叠。

@niklasvh也出现在 5.0-rc1 上

brcontainer picture brcontainer 于 2014-03-07

应该修复

niklasvh picture niklasvh 于 2014-10-07

@niklasvh你好，我用的是v1.0.0-alpha.10，还是有这个问题~

peterzhai picture peterzhai 于 2018-10-09

这个问题已经解决了吗？ 我正在尝试从具有边框半径的画布元素下载图像，但保存的图像（来自 canvas.todataurl()）是方形的。

moothemonkey picture moothemonkey 于 2020-05-28
👀3
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

tibewww picture tibewww  ·  4评论
stevencherry1 picture stevencherry1  ·  3评论
rrutkows picture rrutkows  ·  4评论
kunal886496 picture kunal886496  ·  3评论
ABHIKSINGHH picture ABHIKSINGHH  ·  3评论