首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Canvas系列(9):其他API

    (10,10,50,50); // 阴影不模糊 context.shadowBlur=0; context.fillRect(80,10,50,50); context.shadowBlur=5;...clearRect 在路径与状态那一章我们使用clip来裁剪区域,与裁剪相似的还有一个clearRect用来清空区域,如下: context.fillStyle='orange'; context.fillRect...(10,10,50,50); context.fillStyle='blue'; context.fillRect(35,35,50,50); // 清空一个小区域 context.clearRect...clearRect用的挺多的,通常做动画的时候使用它来清空整个屏幕,然后再重新绘制图案: // 清空整个canvas context.clearRect(0, 0, canvas.width, canvas.height...); toDataURL 与上面不同的是toDataURL并不是context上的方法,而是canvas对象的方法,来看个例子: context.fillStyle='orange'; context.fillRect

    52521

    RDP你的凭据不工作RDP密码不刷新

    你是否有过这样的经历?...新电脑使用Microsoft账号登录后,RDP提示“你的凭据不工作” 在修改Microsoft账户密码后,RDP的密码一直不更新 在Microsoft账户开启无密码后,RDP无法使用 如果你不属于上述的情况...check-whether-a-group-policy-object-gpo-is-blocking-rdp-on-a-local-computer 解决方案 思路/过程 因此问题,我曾经多次在微软官方的社区已经微软官方的英文学习网站中的...我意识到,是因为没更新,本地和远程的数据不一样,这个数据可能也不仅限于RDP的密码 至此,我试着研究是否存在主动更新密码的方法,于是我发现是StackExchange的问题 我尝试了将账户类型转换为本地账户...RDP端口没有放行,检查后果真如此 于是就出现了首次登录时依然无法使用的问题 然后恰巧我又注意到了最近的新版本不能用Microsoft密码登录windows了(在一次争论中) 当我想要证明的时候突然发现最近好像早已没有使用密码登录的选项了

    12.7K30

    Canvas画图基础

    画矩形 Canvas画矩形还是比较方便的,可以用fillrect,clearrect,strokerect,rect几种方法,各自间有点区别,先上代码: // html fillrect,clearrect,strokerect方法不用绘制路径,也不需要另外调用fill或者stroke方法来『上色』就可以绘制出图形,而rect方法仅仅是绘制出一个矩形的路径,还需要额外通过...fillRect和strokeRect的区别就是画的是实心还是空心,而clearRect就是清空一个矩形区域,上图就是通过clearRect和fillrect配合画出的那个比较粗的矩形,实际上完全可以使用...另外,这种通过requestAnimationFrame来不不停画东东的方法,就是Canvas动画的基本实现原理了。...moveTo 还有个需要注意的就是moveTo这个方法,这个方法是将画笔移动到某个坐标处,move的过程中不会产生路径,所以可以用来画一些不连续的路径,比如之前我们画的两个圆,用了ctx.moveTo(

    2K50

    webpack的watch选项不工作原因分析

    今天尝试将以前创建的一个前端项目改为webpack编译,该项目使用了VueJS v2.0,原来是编写gulp脚本完成构建的。很自然就直接用vue-cli来搞定这个事了。...使用vue-cli创建项目 因为以前用过webpack,而vue-cli创建的项目底层其实还是使用webpack构建的,所以使用起来还是很简单的。...而vue-cli的广大使用者并没有报告存在该问题。 个人感觉不应该是webpack的这个功能有问题,还是应该是环境问题。...而我现在的开发操作系统是Windows,那么就只剩下2个可能原因了。 windows路径问题 IDE的safe write特性干扰 试了一下终于发现是IDE的safe write特性这个问题造成的。...IDE的这个特性是为了安全地写文件,它会先将文件写到一个临时文件里,然后最后一个原子move操作将文件move到目标位置。但这样webpack检测文件变动的原来逻辑就不工作了。

    4.1K60

    Canvas鼠标滚轮缩放以及画布拖动(图文并茂版)

    (50, 50, 50, 50); ctx.translate(50, 50); ctx.fillStyle = 'green'; ctx.fillRect(50, 50, 50, 50); 开始的时候...= 'green'; ctx.fillRect(50, 50, 50, 50); // 绘制完成后恢复上下文 ctx.restore() ctx.fillStyle = 'blue'; ctx.fillRect...在进行下面的工作之前,我们先来了解下 Canvas 的事件机制。 通过 addEventListener 方法可以给 Canvas 绑定一个事件。...其中清空画布这里选择了重新设置Canvas的宽度,而不是调用 clearRect 方法,主要是因为clearRect 方法只在 Canvas 的渲染上下文没有进行过平移、缩放、旋转等变换时有效,如果 Canvas...的渲染上下文已经经过了变换,那么在使用 clearRect 清空画布前,需要先重置变换,否则 clearRect 将无法有效地清除整块画布。

    2.8K10
    领券