javafx加入特效后无法删除

Wesley13
• 阅读 495

今天学习Canvas时候发现,如果加入effect效果,那么clearRect方法就删除不了了,不知道这个是不是bug~

如果有知道如何解决,希望可以告诉我一下

代码如下:

        Canvas canvas = new Canvas(WSystem.WIDTH, WSystem.HEIGHT);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        gc.setFill(Color.YELLOW);
        BoxBlur mBlur = new BoxBlur();
        mBlur.setWidth(5);
        mBlur.setHeight(5);
        canvas.getGraphicsContext2D().setEffect(mBlur);
        gc.fillRoundRect(20, 20, 200, 25, 20, 20);
        
        gc.clearRect(0, 0, WSystem.WIDTH, WSystem.HEIGHT);

今天测试发现有个办法可以解决,就是在图形删除前,加入gc.setEffect(null);

点赞
收藏
评论区
推荐文章
Python进阶者 Python进阶者
2年前
手把手教你使用CanvasAPI打造一款拼图游戏
一、canvas简介1.canvas是HTML5提供的一种新标签,双标签;2.HTML5 canvas标签元素用于图形的绘制,通过脚本(通常是JavaScript)来完成;3.canvas标签只是图形容器,必须使用脚本来绘制图形;Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画;二、案例目标我们今天的目标是使用HTML5
Python进阶者 Python进阶者
1年前
Canvas之鼠标滑动特效
大家好,我是皮皮。我们会看到很多网页的粒子特效;如上图所示,这些都是借助HTML新特性,使用新增标签Canvas得到的效果;那么我们来了解下canvas。什么是Canvas在MDN中是这样定义  的: 是HTML5新增的元素,可用于通过使用JavaScript中的脚本来绘制图形。例如,它可以用于绘制图形、制作照片、创建动画,甚至可以进行实时
徐小夕 徐小夕
3年前
Canvas入门实战之用javascript面向对象实现一个图形验证码
本文主要介绍用canvas实现图形验证码的一些思路以及如何用javascript面向对象的方式更友好的实现canvas的功能,关于canvas的一些基本使用方法和API我整理了一个思维导图,大家感兴趣的可以参考学习。(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b158fad95
Stella981 Stella981
2年前
Canvas绘制不规则图形,实现可拖动,编辑
目前的工作在做在线的标注工具,接触canvas一年了,各种绘制,基本上图像的交互canvas都可以完成,也写了几篇关于canvas的文章,遇到的问题也写博客上了,对于canvas有问题的朋友可以去看看。一直想写一个关于canvas系列的东西,也没时间。正好最近再捣鼓canvas,有时间就写一点,一个功能一个功能的写,争取写一个系列。以前都是绘制矩形,
Stella981 Stella981
2年前
CococsCreator 常用UI组件(Canvas、Widget、Button、Layout、EditBox、RichText、ScrollView)(第十三篇)
一、Canvas组件这个Canvas组件在前面篇章有讲过的。!在这里插入图片描述(https://oscimg.oschina.net/oscnet/up7e35da59f73f899db7689319ddd07379.png)属性说明DesignResolution设计分辨率(内容生产者在制作场景时使
Stella981 Stella981
2年前
HTML5 canvas标签详解
转载:<canvas\是html5当中的一个标签,通过Javascript来画图。<canvasid”canvas”width”150″height”150″</canvas<scriptvarcanvasdocument.getElementById(”canvas”);varctxc
Wesley13 Wesley13
2年前
View绘制系列(10)
Canvas基础变换前面学习了Canvas相关的一些绘制方法,不知道大家发现没?我们都是根据左上角(0,0)点算出来新的坐标,然后再绘制,这样明显不符合我们平常基于坐标原点绘制的习惯,那么我们能不能直接在原点绘制图形,然后通过操作Canvas来实现移动到目标位置呢?答案是肯定的,这就需要用到Canvas变换方法了。Canvas变
Wesley13 Wesley13
2年前
HTML5实现绘制几何图形
HTML5新增了一个<canvas.../属性。该元素自身并不绘制图形,只是相当于一张空画布。如果开发者需要向<canvas.../上绘制图形则必须使用JavaScript脚本进行绘制。为了向<canvas.../元素上绘图,必须经过如下3步。获取<canvas.../元素对应的DOM对象,这是一个Canvas对象。调用Canvas对象
Stella981 Stella981
2年前
Openlayers4中实现动态线效果
概述:本文讲述如何结合canvas在Openlayers4中实现动态线的效果。效果:!(https://static.oschina.net/uploads/img/201804/25191518_tjv1.jpg)代码:1、moveline扩展\javascript\ viewplain
Stella981 Stella981
2年前
ES6与canvas实现鼠标小球跟随效果
        最近闲来无聊,看了下ES6的语法,结合canvas实现了动画特效——随着鼠标的移动,会有小球跟随且自动消失的动画。首先,html部分,目前就一个canvas标签。1<canvasid"canvas"2当前浏览器不支持!3</canvas其次,css部分,没有考