我想在HTML5 canvas.If里面画甜甜圈,画布的背景色是一种坚实的颜色,我能画出来。但这是渐变色,我画不出来。
我想知道如何画甜甜圈,当画布的背景颜色是渐变色时。
比如:
这是我的密码:
function background(context, coordinate, properties) {
var x = coordinate.x //起始点x
, y = coordinate.y //起始点 y
, w = coordinate.w //宽度(终点-起始点之间的宽度)
, h = coordinate.h //高度(终点-起始点之间的高度)
,
我有一个这样的div:
<div class="EventsRollup">
<span class="EventsRollupTitle">Health Lecture Events</span>
<!--this is where a table would be dynamically inserted by sharepoint
based on some filter, if filter is true, a tabel will get in there,
我在div中有一个h2元素。div宽150 to,但h2可能更宽,因此文本必须中断并转到下一行。问题是,即使文本中断,h2元素的背景色也不会中断,因此h2元素的背景色覆盖整个div。
有什么方法可以让H2的背景色只出现在文本下面吗?
示例:
<div>
<h2>This is a long text test</h2>
</div>
CSS
div {
background-color: green;
width: 150px;
height: 150px;
padding-top: 15px;
}
h2 {
back