通常我们将 CANVAS 与 webGL 区分开 ， 移动端和WEB端区分开 类似于这种关系: // 通过getElementById()方法获取canvas画布 var c2dx=document.getElementById('c2dx'); // 通过方法getContext()获取2d上下文 ...
分类：
Web程序 时间：
2021-04-20 14:57:58
阅读次数：
0
空心文本 <canvas id="myCanvas" width="300" height="100"></canvas> // canvas绘制空心文本 var canvas = document.getElementById('myCanvas'); var ctx = canvas.getCo ...
分类：
Web程序 时间：
2021-01-14 10:41:40
阅读次数：
0
今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，在线案例点击博客原文。这是郭先生的微信二维码哦！ 1. 解析图片流 canvas = document.createElement('canvas');//创建canvas画布 content = canvas ...
分类：
Web程序 时间：
2020-07-18 13:52:34
阅读次数：
92
一、在canvas画布中如何加载图片 用drawImage( )方法 drawImage用法的三种情况： 1、在画布指定位置定义图像 ctx.drawImage(img,x,y); 注：此时画布上显示的图片大小是图片的默认大小 2、在画布上定位图像，并规定图像的宽度和高度： ctx.drawImag ...
分类：
其他好文 时间：
2020-07-11 19:00:20
阅读次数：
49
1．小星星 设有如下的曲线参数方程： N=5 x = r*sin(nθ)*cos(θ) y = r*sin(nθ)*sin(θ) （0≤θ≤2π） 用循环依次取θ值为0~2π（每次增量为π/64），计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个一个5瓣花卉图案。 编写如 ...
分类：
编程语言 时间：
2020-06-26 11:01:11
阅读次数：
84
在HTML5 Canvas画布中，我们可以根据曲线的方程绘制出曲线。例如，在笛卡尔坐标系中，圆的方程为： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>圆</title> <script type= ...
分类：
编程语言 时间：
2020-06-26 10:25:33
阅读次数：
91
Turtle库是Python语言中一个很流行的绘制图像的函数库，想象一个小乌龟，在一个横轴为x、纵轴为y的坐标系原点，(0,0)位置开始，它根据一组函数指令的控制，在这个平面坐标系中移动，从而在它爬行的路径上绘制了图形。 turtle绘图的基础知识： 1. 画布(canvas) 画布就是turtle ...
分类：
编程语言 时间：
2020-06-08 19:05:41
阅读次数：
109
在写demo练习canvas画图时，新建一个canvas画布，先将宽高写在了css中，没有在canvas标签中设定宽高，得到的效果是错误的，代码及效果如下， 正确的情况是一条45度倾斜从（10,10）到（200,200）的直线，但是显示的效果变形了。查阅资料找到了原因。 <canvas >中有默认宽 ...
分类：
Web程序 时间：
2020-06-06 10:51:50
阅读次数：
87
Canvas 的三种渲染模式 Canvas Canvas就是Unity渲染UI的组件。UGUI是Unity支持的2D界面控件，所有的UI控件都需要在包含Canvas组件的物体下边充当子物体，我们通过在GameObject/UI创建物体时，会自动生成Canvas以及与其对应的EventSystem控件 ...
分类：
编程语言 时间：
2020-05-27 18:54:14
阅读次数：
115
SVG 思考：位图和矢量图的区别？css canvas和svg又有什么区别？ 位图的质量是根据分辨率判定的，分辨率越大，图像画面越清晰；矢量图没有分辨率的概念。位图放大后会越来越不清晰，像马赛克一样；矢量图则不会。 canvas类似于位图，放大后会不清晰，依赖于分辨率。可以引入jpg，png这类格式 ...
分类：
其他好文 时间：
2020-05-09 01:17:43
阅读次数：
68
