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
                                逻辑清晰

全部评论问答未解决精华

为什么我只画出来三个点呢。。

最新回答 / 霞_霞

是因为基本的星星半径太小了，设大点就会出现星星的形状了

1 回答 1036 浏览 4-2 图像变换和状态保存

2015-11-05

谁能回答我为什么第一种写法只出现了极少数的星星呢？

最新回答 / 时夏

你好！关于这个问题，其实是因为Canvas的rotate的中心点是固定不变的，永远在canvas的坐标为(0,0)处，并且也无法设置旋转中心点，而不是像CSS里面那样默认在元素的中心点。回到你的源代码中，...

1 回答 1187 浏览 4-2 图像变换和状态保存

2015-11-05

关于random方法的取值问题

已采纳回答 / 李晓健

random()返回的是一个大于或等于 0 但小于 1 数字是正确的，不可以等于1的，取值范围是[0,1)

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

2015-11-05

kimi_小星星

老师讲的很有层次感，逐步深入，让人很容易接受，非常棒

2 2-6 小结：从线条开始

2015-11-05

屠少

diao！！

0 8-4 路径方向和剪纸效果

2015-11-05

漂洋过海只为看你

帮帮哒！！！

0 2-3 线条组成的图形和beginPath

2015-11-04

这是由canvas的样式决定的，当你lineTo回到起点时，canvas可不会认为你这条线是跟起点是连起来的，而是认为你这条线跟起点重合了，所以不会产生转角样式，简单的讲，就是断了。如果要解决这个问题，很简单：当你接下来是要lineTo到起点的时候，直接cxt.closePath();cxt.stroke();封闭路径后再执行stroke()函数，这样的话，canvas会自动把终点和起点连在一起并且创造转角样式；一般来说，画三角形只需要moveTo起点，lineTo第一个点，lineTo第二个点，clos...

1 回答 1667 浏览 2-4 多边形的填充和closePath

2015-11-04

xe001

想这个18°就耗了我一半的脑细胞

35 3-2 画一个五角星

2015-11-04

青灯过往

大家加油~的魅力真是无法阻挡

0 6-1 arc()，圆弧和圆角矩形

2015-11-04

siwem

老师辛苦了。

0 6-2 arcTo()，另一种弧线绘制方法

2015-11-04

siwem

我觉得lineTo完全的多余的，前一个圆弧的结尾与后一个圆弧的开头其实会自动连接，结果用context.closePath();不就行了。

2 6-1 arc()，圆弧和圆角矩形

2015-11-04

屠少

大家加油。

0 5-3 使用图片、画布或者video

2015-11-04

求画各种六边形

最赞回答 / wujiantao

window.onload=function(){ var canvas=document.getElementById("canvas"); canvas.width=1000; canvas.height=600; var context=canvas.getContext("2d"); // context.beginPath(); // // for(var i=0;i<5;i++){ // // context.lineTo(Math.cos((...

1 回答 1765 浏览 3-2 画一个五角星

2015-11-03

几只强心剂

2W同学在哪里

0 7-3 文本对齐

2015-10-30

几只强心剂

不兼容时，把canvas中提示代码换成其他代码代替效果

0 9-4 Canvas与浏览器兼容性

2015-10-30

几只强心剂

CanvasRenderingContext2D.prototype.XXX 构建自己 XXX 的函数
给原型模板增加方法（函数）

0 9-3 扩展Canvas的context

2015-10-30

首页上一页 70 71 72 73 74 75 76 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空