Canvas绘图详解_技术问答

首页免费课 Canvas绘图详解问答

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11186

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7408

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1883

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5841

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3404

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1591

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 4小时35分
            
                学习人数
            
综合评分9.63
                            187人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

karlVicent0

考研刷了一堆矩阵行列式线性代数题现在看这些感觉好亲切！！！！！
感谢自己在图书馆泡了一年研究数学。。。

2 4-4 深入理解图形变换

2016-11-05

karlVicent0

一直觉得 translate 和scale 被canvas定义得没卵用了。。。

一个多次使用会叠加，一个什么都给你放大。。。。无语

0 4-3 应用translate、rotate和scale

2016-11-05

一直都在路上

http://www.j--d.com/bezier这是新的

6 6-5 bezierCurveTo()，三次贝塞尔曲线

2016-11-04

小黍

好像必须先设置font属性再添加文本才能正确显示

0 7-1 文字渲染基础

2016-11-04

一直都在路上

总感觉文字在canvas里面不好布局

0 7-2 font：字型、字号和字体

2016-11-04

想问一下各位同学

已采纳回答 / 慕粉4310170

没有是向上延伸的其中在三次贝塞尔曲线的控制下颜色变化的! 也就是说在三次贝塞尔曲线范围内去做渐变起始点在(0,800)也就是右下角而你可以看出其(0,0)点不是整个画布的起点!而是三次贝塞尔曲线的起始点.希望能帮到你!!!

2 回答 894 浏览 6-5 bezierCurveTo()，三次贝塞尔曲线

2016-11-04

一直都在路上

心疼老师的声音

0 6-4 quadraticCurveTo()，二次贝塞尔曲线

2016-11-04

一直都在路上

这是不是很酷？

0 6-3 绘制一角弯月

2016-11-04

一直都在路上

大家可以看看这篇文章，写得挺好的http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/

2 4-4 深入理解图形变换

2016-11-03

一直都在路上

和CSS3 martix相似。

1 4-4 深入理解图形变换

2016-11-03

一直都在路上

绘制任意边的多边形function drawStar(ctx,n,R,r ,x ,y,rot){ -Math.sin((deg/4+i*deg-rot)/180*Math.PI)*R+y);
ctx.lineTo(Math.cos(((deg-deg/4)+i*deg-rot)/180*Math.PI)*r+x,
-Math.sin(((deg-deg/4)+i*deg-rot)/180*Math.PI)*r+y);
}

0 3-2 画一个五角星

2016-11-03

唉数学完全不会怎么办

已采纳回答 / 一直都在路上

http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/这个你看看同学，希望能帮到你

1 回答 873 浏览 4-1 画一片星空

2016-11-03

慕斯6381258

老师真666

0 3-2 画一个五角星

2016-11-03

第二个重写Moveto的意义何在

最新回答 / cage120

主要是将moveTo的状态记录了下来可以给fillStar使用，就像lineTo可以使用之前moveTo的状态一样

2 回答 812 浏览 9-3 扩展Canvas的context

2016-11-03

小黍

66666666666

0 9-1 在Canvas中使用其他HTML元素

2016-11-02

globalCompositeoperation中小球的运动及碰撞检测问题

最新回答 / 慕粉4310170

canvas 的碰撞代码:var balls = []; window.onload = function() { var canvas = document.getElementById('mycanvas'); var ctx = canvas.getContext('2d'); for(var i=0; i<200; i++){ var R = Math.floor(Math.rand...

2 回答 1080 浏览 8-2 globalAlpha和globalCompositeOperation

2016-11-02

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

课程须知: 需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。

老师告诉你能学到什么？: 深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

热搜

最近搜索清空