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

全部评论问答未解决精华

在线绘图方法

最新回答 / wslover

这也不难吧，鼠标按下时取一下相对画布原点的坐标值，放起的时候再取一下，然后两点画线不就可以了。

1 回答 830 浏览 9-6 如何使用Canvas处理图像

2015-12-01

问一个问题，绘制文字的话，特殊字体怎么加进去？

最新回答 / echo_kinchao

少量的就做图片大量的加载自己的字体

2 回答 818 浏览 7-1 文字渲染基础

2015-11-27

x0,y0是否是起点

最赞回答 / 语默_0001

x0,y0只是线段开始的地方，并不是圆弧开始的地方，圆弧的开始的地方是两条线段的切点处。

3 回答 780 浏览 6-4 quadraticCurveTo()，二次贝塞尔曲线

2015-11-26

疑问疑问疑问

最新回答 / wslover

自己测试一下不就知道了呀。是img类型的行内元素

1 回答 725 浏览 6-1 arc()，圆弧和圆角矩形

2015-11-25

为什么阴影旁边有一圈边框呢？

最新回答 / 阿辉2

strok()和fill（）或者其他绘制操作都会带上阴影样式的，所以这个真心不好用，要不就不要加stroke

2 回答 1278 浏览 8-1 阴影

2015-11-24

canvas的五角星绘制问题

最新回答 / Charless

怎么会，检查下代码

1 回答 1263 浏览 4-3 应用translate、rotate和scale

2015-11-13

当用stroke和fill来绘制月亮时，closePath的效果不同

+ 我来回答回答最高可+2积分

2 回答 2890 浏览 6-3 绘制一角弯月

2015-11-07

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

最新回答 / 霞_霞

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

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

2015-11-05

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

最新回答 / 时夏

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

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

2015-11-05

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

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

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