【js学习笔记-----创建、插入、删除节点】创建节点创建新的Element节点可以使用Document对象的createElement()方法。给方法传递元素的标签名。注意html不区分大小写，xml区分大小写。 Text节点类似的方法创建：var newnode=document.createTextNode(“textnode content”); 不常用的createC
Canvas createRadialGradient API
原创
2021-06-04 17:20:49
161阅读
定义和用法 createLinearGradient() 方法创建放射状/圆形渐变对象。 渐变可用于填充矩形、圆形、线条、文本等等。 提示：请使用该对象作为 strokeStyle 或 fillStyle 属性的值。 提示：请使用 addColorStop() 方法规定不同的颜色，以及在 gradi
转载
2016-09-22 12:20:00
441阅读
2评论
查看下代码createRadialGradient() ： 创建一条放射颜色渐变。 参数： xStart：开始圆的圆心的x坐标 yStart: 开始圆的圆心的Y坐标 radiusStart: 开始圆的半径
原创
2022-03-09 11:46:29
203阅读
查看下代码createRadialGradient() ： 创建一条放射颜色渐变。 参数： xStart：开始圆的圆心的x坐标 yStart: 开始圆的圆心的Y坐标 radiusStart: 开始圆的半径 xEnd: 结束圆的圆心的x坐标 yEnd: 结
原创
2021-01-11 15:29:40
196阅读
渐变
Context对象能够通过createLinearGradient()和createRadialGradient()两个方法创建渐变对象。这两个方法的原型例如以下：
Object createLinearGradient(x1, y1, x2, y2);
创建一个从(x1, y1)点到(x2, y2)点的线性渐变对象。
O
转载
2015-08-17 12:35:00
115阅读
2评论
canvas大雪纷飞前言：正好业务触及到canvas，看完api顺手写个雪花效果，因为之前看到过很多次这个，主要看思路，想象力好的可以慢慢去创作属于自己的canvas效果思路：利用画圆arc()和环形渐变色createRadialGradient()画一个雪花的模型（想要更好看的模型可以用图片代替） var grd = this.canvas.cr
转载
2020-05-07 15:27:00
66阅读
2评论
说明今天早上看了下heatMap.js的源码，了解了他是如何绘制热力图的，这里我们抛开其数据处理的部分，聚焦热力图的绘制。如果要绘制一个点的热力图，可以简单是的使用createRadialGradient来实现，但是如果两个点的热力图发生了重叠，重叠部分当然不是简单的覆盖。这种情况下我们当然可以使用像素级的操作，结合两个点的热力图通过复杂的计算得到覆盖之后的热力图，但显然过于复杂。我们仔细观察下热
转载
2024-09-17 12:43:34
42阅读
详细解释HTML5 Canvas中渐进填充的参数设置与使用，Canvas中透明度的设置与使用，结合渐进填充与透明度支持，实现图像的Mask效果。 一：渐进填充(Gradient Fill)Canvas支持两种渐进填充方式，一种为线性渐进填充(Line Gradient Fill)，另外一种称为经向渐变填充(RadialGradient Fill)。其API分别为：createLinearGradient(x1, y1, x2, y2);其中x1,y1为第一个点坐标，x2,y2为第二个点坐标。createRadialGradient(x1, y1, r1, x2, y2, r2);其中x1, y
转载
2013-07-05 22:22:00
328阅读
2评论
