canvas学习16之绘画状态的保留和回复

复习绘制图像的擦除

上一节中,我们学习了图像的擦除。在生活中,在我们绘制图像的过程中,可能会因为失误或者想法的变化,对已经绘制好的部分要进行擦除,在canvas中,我们也完整实现了这样的擦除,当你对某一部分不满时,可以使用它进行擦除。canvas中的这个工具就是clearRect(x,y,width,height),这里面的四个参数分别代表如下含义:

详细阅读

canvas学习之图像的擦除

复习

上一节中,我们学习了如何在canvas中切出一个图来,掌握这个技能后,也许有一天你就不需要设计来帮你切图来,你自己就可以在前端搞定切图了。我们用来切图的方法和之前我们学习使用图片的方法一样,叫drawImage(),不过需要传入9个参数。如下drawImage(img,x,y,w,h,x2,y2,w2,h2),这9个参数分别是img,要进行剪切的原始图片,x,y是源图片左上角的坐标。w,h是源图片放到canvas中时的大小,我们可以根据自己的需要进行设置,但是最终这个源图是不显示出来的。x2,y2是切割出来后的图片放置位置,也就是这张图的左上角坐标,w2,h2是切割好的图的宽度和高度。

详细阅读

钉钉电话在电脑上听不到对方声音

钉钉电话在电脑上不到对方声音,一般看两个地方就能解决问题。
1.打开扬声器设置,看它是不是在你想要播放声音的地方,如果不是,切换一下,比如你想在耳机上播放,就切换到耳机上。
2.打开声音控制面板,看一下默认通讯设备,把它切换到默认本机上。这可能是因为使用了扩屏的原因,把默认通讯设备给切到扩展屏幕上去了。

详细阅读

《国富论之论劳动工资》读书笔记

劳动所得便是劳动的自然工资或者自然报酬。比如我是一个码农,那么我写出来的代码就是我的自然工资。但代码并不能解决我的衣食住行,所以我要拿它和老板交换成买衣食住行的货币。但是,我总觉得干得活多了,老板给我的少了,我并没有拿到属于我的自然工资,因此,需要论述对劳动工资进行详细论述。

详细阅读

canvas学习之在canvas中操作图片

复习

上一节中,我们学习了如何在canvas中绘制文字,分别是使用fillText(text, x, y)和strokeText(text,x,y)接口。对绘制的文字进行阳色的的设置,颜色可以使用fillStyle=color或者fillStroke = color属性,字体大小和指定字体可以使用font=“字体大小 具体字体”属性,对齐方式可以使用textAlign=“对齐方式”,字体方向使用direction属性。

详细阅读

canvas学习之将文字写在canvas上

复习

本节之前,我们一直在学习如何在canvas上绘制图形。moveTo和lineTo方法配合使用,我们就能绘制出线条来,同时利用数学方法,我们还能绘制出多种图形来。一些常见的图形,既可以使用线条组合,也可以使用canvas已经提供了的方法,比如 绘制矩形,就有rect方法,fillRect方法,strokeRect方法。绘制圆和圆弧,就有arc方法,arcTo方法。绘制结束时,用fill我们会得到一个填充图形,用stroke我们会得到绘制的线条。

详细阅读

canvas学习之将图片设置为画笔原料

复习

上一节中我们学习了如何给绘制的内容设置渐变。要想设置线性渐变,需要用creatLinearGradient(x1,y1,x2,y2)创建径向渐变对象,然后在此基础上,通过addColorstop(position, color)来添加渐变颜色。想要设置径向渐变,我们需要使用createRadialGradient(x1,y1,r1,x2,y2,r2)来创造径向渐变对象,然后使用addColorstop(position, color)来添加颜色。最后将这两个对象添加到fillStyle或者strokeStyle属性上,就可以绘制出渐变的图形来。

详细阅读