2017-12-07 4 views
1

私はweasyprintでHTMLからpdfをレンダリングしようとしています。weasyprintでlinear-gradientを使用するにはどうすればよいですか?

背景色として直線勾配を使用する必要があります。

しかし、私は使用しようとすると:

背景色:線形勾配(右、#のda208b、#4b77f2 51%、#に6bd2b5)。

私は背景色のないpdfを取得します。 (htmlは正しく表示されます)

私はweasyprintでどうやってやりますか?ドキュメントでは、線形勾配をサポートする必要があることがわかりました。

答えて

1

あなたは、背景色の代わりに背景のCSSプロパティを使用する必要があります。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
.bad { 
 
    background-color: linear-gradient(to right, #da208b, #4b77f2 51%, #6bd2b5); 
 
} 
 
.good { 
 
    background: linear-gradient(to right, #da208b, #4b77f2 51%, #6bd2b5); 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<div class="bad"> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum..</p> 
 
</div> 
 

 
<div class="good"> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
 
</div> 
 

 
</body> 
 
</html>

関連する問題