Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

老师你好，我有一个问题求教

最新回答 / 等她下班

这个我换了，没有效果<...图片...>

5 回答 1332 浏览 5-2 径向渐变

2017-05-28

如果要画两个或多个canvas怎么办呢

最新回答 / 小吵小闹1217

给多个canvas标签，每个canvas给不同的id，根据id得到不同的canvas进行操作，我觉得是这样

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

2017-05-23

老师是什么编译器

最新回答 / qq_纵横_8

webstorm

1 回答 810 浏览 7-2 font：字型、字号和字体

2017-05-23

没看到直线怎么回事？？？

已采纳回答 / stephenmiu

可能没有设置直线的宽度，又或者没有调用stroke方法。

1 回答 1283 浏览 2-2 画一条直线

2017-05-02

应该这样：function drawRect(cxt,x,y,width,height,borderWidth,borderColor,fillColor){cxt.beginPath();cxt.moveTo(x,y);cxt.lineTo(x+width,y);cxt.lineTo(x+width,y+height);cxt.lineTo(x,y+height);cxt.closePath();cxt.lineWidth = borderWidth;cxt.fillStyle = fillColor;...

3 回答 1040 浏览 2-5 矩形、覆盖和透明色

2017-04-07

对于starPath函数

最新回答 / 来自火星的花

五角星的半径在starPath里是不知道的，starPath只是画出一个标准五角星的样式，实际上你单独运行starPath是没有任何效果的，五角星的实际效果由scale（r，r）得出

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

2017-04-06

为什么不出星星

最新回答 / 来自火星的花

知道了，谢谢大家

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

2017-04-03

为什么没有效果

已采纳回答 / 秋水

1、五角星，循环5次即可<...图片...>2、脚本必须包含在script标签内<...图片...>

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

2017-04-03

这个矩形不是100，100这个点开始画吗？

最新回答 / _Westlife

原因出在了那个 transform的第三个属性上，或许应该找找图形学的资料，计算一下，为什么倾斜会导致偏移了100

1 回答 924 浏览 4-4 深入理解图形变换

2017-03-31

学不学呢?

已采纳回答 / 田心枫

为了知识坚持学啊

1 回答 1325 浏览 1-1 继续Canvas绘图之旅

2017-03-24

webstorm怎么添加图片

最赞回答 / 慕码人5236801

在你存放的webstorm 的文件夹下,新建一个专门用来存放图片的文件夹<...图片...>然后再html中写<img src="image/你图片的名字"></img>即可插入

3 回答 11738 浏览 7-1 文字渲染基础

2017-03-22

旋转的问题

最新回答 / qq_不要放弃_0

transform-origin 另外你可以去w3c看看

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

2017-03-17

为何要用context.globalAlpha = 0.7

已采纳回答 / cathy_1007

globalAlpha的特别是针对全局改动。fillStyle是针对你设置的元素来说的。如果只做了一个动画，两者效果一样。绘制多个效果时，前者的作用就发挥出来了。试想，如果我绘制了一个透明度为0.7的蓝色小球和透明度数为0.7的红色的小球，是不是要设置两次透明度呢？如果我再绘制一个透明度为0.7的黄色小球呢？？还要设置一下。如果绘制100个或更多确定颜色的小球，透明度都是0.7的呢？

1 回答 1824 浏览 8-2 globalAlpha和globalCompositeOperation

2017-03-14