文章/答案/技术大牛

发布

社区首页 >问答首页 >基于两点在Div中绘制颜色

问基于两点在Div中绘制颜色
EN

Stack Overflow用户

提问于 2017-05-26 03:07:49

回答 1查看 46关注 0票数 0

比方说，我有两个点0到300，背景颜色是红色。

现在，我想画0到75绿色，75到150黄色。我有这些和两个点，可以从Typescript视图模型类中给出值。

<div style="background-color: red">
   <div style="background-color: green">
   </div>
   <div style="background-color: yellow">
   </div>
</div>

我的场景非常复杂，有6-7种不同的颜色。我的方法是正确的，还是有更好的方法？我的应用程序是TypeScript和Angular 2。

发布于 2017-05-26 03:26:39

使用ngStyle或ngStyle。背景颜色

    <div [ngStyle]="randomcss()">  
        <div [ngStyle]="randomcss()">
   </div>
</div>

组件

export class AppComponent {
    randomcss(){
      // based on your points return color 
     return {'background-color':'red'}
    }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44188075

复制

相似问题

问基于两点在Div中绘制颜色EN