首先,旋转针对的是上下文context,而不是画布canvas;
其次,旋转要发生在绘图之前才会产生作用。
以下是菜鸟的截图:
。
想要得到画布旋转的效果,可以采用
canvas.style.transform = 'rotate(135deg)';
但是这种方式下载得到的图片是没有旋转过的原图。
是cointext.moveTo() 你到后面4行写成canvas.moveTo()了 浏览器调试栏里有报错吧
资料下载
并且我用的是最新版本的chrome 61
哪些问题不懂,你倒是说清楚呀,不说清楚问题我们怎么帮你解答
直接右键图片另存为就行
看看是不是在代码里相应的位置 忘了写 console.log("move");
html中引用了jquery的库了吗?还有jquery的库要在handwritting.js文件之前引用
覆盖了吧
save()和restore()是相互匹配的,作用是用于保存状态和取出保存的状态。假设在画布内有很多个元素,你需要对各个元素都要进行不同的操作。如果你没有使用save()和restore()进行状态保存的话,那么你所做的操作实际上会对画布内所有的元素受到影响,并不能达到对各个元素进行不同的操作实现不同的效果这种情况。
颠倒是非
少写了lineCap = ‘round’
估计要用到scrollTop和scrollLeft,我没修改过,你可以试下,如果有更好的解决办法,希望可以拿出来一起分享下
webStorm
context.save()与context.restore()中含2个lineWidth
这个时候就无法确定当前的鼠标事件了。不管你鼠标是点击移动还是抬起移动,都会执行mousemove事件的代码,也就是鼠标到任何地方(包括canvas外面)都会产生一条线
传参的时候参数传对了吗
background可以是所有的属性,它可以写一些复合属性,background-color是针对背景颜色的属性,所以在换色的功能时是要写background-color的,希望对你有用
可以下载啊!如果浏览器默认下载功能不能下载,也可以用迅雷下啊!!添加迅雷为默下载工具和浏览器监听!
你的loc1对象里面有x,y属性么,像这样
看你是美女 我就回答一下 ~~ 而且你还学了点nodeJS
用express 搭建一个小小的后台
var express = require('express');
var app = express();
app.use(express.static(__dirname+'/'));
app.listen(80);
console.log('OK');
用手机上的浏览器访问自己电脑上的地址 即可~~
alert一下lineWidth看看
getElementById('canvas').setAttribute("width","400px");
getElementById('canvas').setAttribute("height","400px");
在canvas内定义画布的大小