可视化
哆啦咪唏
这个作者很懒,什么都没留下…
展开
-
svg滤镜之高斯滤镜、径向渐变
SVG阅读器处理一个图形对象时,会将对象呈现在位图输出设备上,它可以将对象的描述信息转化为一组对应的像素。在使用滤镜时,SVG阅读器不会直接将图形渲染为最终结果,而是先将像素保存到临时位图中,然后将滤镜指定的操作应用到该临时位图,其结果作为最终图形。 在SVG中,使用filter元素指定一组操作(也叫基元),在渲染图形对象时,将该操作应用在最终图形上。 filter标记之间就是我们想要的滤镜基元,每个基元有一个或多个输入,但是只有一个输出,输入可以是原始图形(SourceGraphic)、图形的阿尔法通道(原创 2021-03-30 18:06:09 · 199 阅读 · 0 评论 -
canvas 实例之闹钟
canvas实例闹钟 let canvas = document.getElementById('canvas'); let ctx = canvas.getContext('2d'); let x = canvas.width / 2, // y = canvas.height / 2; function draw() { ctx.translate(x, y); //将画布原点移到中心 默认画布原点在左上角 ctx.sav原创 2020-12-16 14:53:31 · 367 阅读 · 2 评论 -
canvas基础介绍(1)
canvas基础介绍(一) canvas只支持两种形式的图形绘制:路径和矩形 矩形 矩形的绘制方法有三种,这三种方法在绘制之后马上显示在canvas画布上,属于即时生效。 ctx.fillRect(10,20,100,300); //一个填充矩形 ctx.strokeRect(10,50,200,100);//一个矩形边框 ctx.clearRect(40,40,100,100);//清除矩形区域,清除 路径 路径是图形的基本元素。使用路径绘制图形需要额外的步骤: 创建路径起始点 使用画图命令画原创 2020-11-15 12:21:17 · 148 阅读 · 0 评论