渐变的两个圆心一致好理解,但是老师这里的例子不太理解

渐变的两个圆心一致好理解,但是老师这里的例子不太理解

本节视频2:59的地方

我对createRadialGradient(400, 50, 0, 400, 150, 100)产生的效果不太理解,最好画图解释下原理

http://img1.sycdn.imooc.com//climg/5e5a1fe409f8cbf207630337.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

4回答
小伙伴,我看了一篇文章详细介绍这个方法的,害挺好,https://www.cnblogs.com/tianma3798/p/5895811.html
好帮手慕言 2020-03-01 18:57:29

同学你好,同学可以把自己想表达的内容用代码写出来,老师可以针对性的解答。祝学习愉快~

  • 提问者 迷失的小麦 #1
    1.var radialGradient = ctx.createRadialGradient(400, 100, 0, 400, 50, 100); radialGradient.addColorStop(0, 'rgb(255,255,0)'); radialGradient.addColorStop(1, 'rgb(0,0,0)'); 改变圆心位置,两个圆的半径必须是0-某一数值 2.var radialGradient = ctx.createRadialGradient(400, 50, 50, 400, 50, 100); radialGradient.addColorStop(0, 'rgb(255,255,0)'); radialGradient.addColorStop(1, 'rgb(0,0,0)'); 如果两个圆的半径是某一数值-某一数值,圆心位置必须相等 3.注意ctx.createRadialGradient的数值改变
    2020-03-01 20:22:21
好帮手慕言 2020-03-01 13:44:07

同学你好,关于这组数据老师在课上有讲解,建议再看下视频。另外:很多公司使用canvas的情况并不多,了解即可。如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 迷失的小麦 #1
    能不能这样理解: 如果改变圆心位置,两个圆的半径必须是0-某一数值 如果两个圆的半径是某一数值-某一数值,圆心位置必须相等 就这2种情况,不知总结的对不对
    2020-03-01 14:09:59
好帮手慕粉 2020-02-29 19:49:05

同学你好,createLinearGradient四个参数的意思可以参考下图注释理解:


http://img1.sycdn.imooc.com//climg/5e5a4f9d093addab04960173.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 迷失的小麦 #1
    老师,可能我没表达清楚,我的意思是400, 50, 0, 400, 150, 100这组数据不太理解,换句话说效果怎么产生的 不懂的地方:半径为0的圆和半径为100的圆的渐变如何分析?而且圆心坐标点还不一样,就是不理解效果怎么出来的,我懂语法 谢谢!
    2020-02-29 19:58:01
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师