Html2canvas: Изображение с радиусом границы не работает

Созданный на 7 мар. 2014 · 6Комментарии · Источник: niklasvh/html2canvas

Изображения с радиусом границы отображаются в виде квадрата. Я попытался добавить границу размером 1 пиксель с цветом и прозрачностью, чтобы усилить границу.

Я также пробовал использовать div-обертку с границей и overflow: hidden , но это тоже не работает.

Это ошибка? Есть ли какой-нибудь трюк с CSS для его решения?

Bug

Источник

jorgecasar

Все 6 Комментарий

то, что вы сказали, кажется ошибкой, но поставьте тестовый пример проблемы, чтобы понять, как вы работаете с html.

brcontainer 7 мар. 2014

Я сделал этот jsfindle, но он не работает, как мне кажется, из-за внешних изображений. Но достаточно показать пример того, что я тестировал.

Грязный трюк: на данный момент я поменял изображения на фоновые изображения.

jorgecasar 7 мар. 2014

Это действительно ОШИБКА, а не рендеринг изображений с радиусом границы.

div#test2 может отображаться, но изображение перекрывает его.

@niklasvh встречается также на 5.0-rc1

brcontainer 7 мар. 2014

Должно быть исправлено

niklasvh 7 окт. 2014

@niklasvh привет, я использую v1.0.0-alpha.10, и у меня все еще есть эта проблема ~

peterzhai 9 окт. 2018

Эта проблема решена? Я пытаюсь загрузить изображение из элемента холста, у которого есть радиус границы, но сохраненное изображение (из canvas.todataurl ()) квадратное.