![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
汉武大帝·
我是攻城狮
展开
-
canvas 加载图片
canvas绘制图片原创 2022-02-23 11:39:41 · 3922 阅读 · 0 评论 -
canvas图形绘制:矩形,路径
1,canvas绘制矩形:实心矩形,边框矩形 ,擦除矩形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-08-16 14:54:38 · 529 阅读 · 0 评论 -
使用canvas绘制笑脸
笑脸示例代码:<template> <div class="div"> <canvas id="tutorial3" width="150" height="150"></canvas> </div></template><script>export default { data() { return {}; }, mounted() { var canvas = do原创 2020-10-12 16:27:06 · 2217 阅读 · 0 评论 -
使用canvas绘制一个三角形
绘制一个三角形的例子:<template> <div class> <canvas id="tutorial2" width="150" height="150"></canvas> </div></template><script>export default { data() { return {}; }, mounted() { var canvas2 = .原创 2020-10-12 16:15:37 · 2403 阅读 · 0 评论 -
canvas 绘制一个三角形
代码:<template> <div class="div"> <canvas id="tutorial3" width="350" height="350"></canvas> </div></template><script>export default { data() { return {}; }, mounted() { var canvas = docum.原创 2020-10-05 08:51:08 · 674 阅读 · 0 评论 -
canvas学习
canvas(HTML5新增标签)2.1 <canvas> 元素:<canvas> 看起来和<img> 标签一样,知识<canvas> 只有两个可选的属性:width, height ; 没有src , alt 属性,如果不给<canvas> 设置width,height 属性时,则默认width 是300px,height是150px;也可以使用css属性来设置宽度高度,但是如果宽度属性和初始化比例不一致,会出现扭曲,所以不建议使用css原创 2020-09-19 18:08:04 · 174 阅读 · 0 评论 -
使用canvas绘制一个圆或者圆弧
arc(x, y, radius, startAngle, endAngle, anticlockwise)画一个以(x,y)为圆心的以radius为半径的圆弧(圆),从startAngle开始到endAngle结束,按照anticlockwise给定的方向(默认为顺时针)来生成。 arc()函数中表示角的单位是弧度,不是角度。角度与弧度的js表达式: 弧度=(Math.PI/180)*角度。 参数anticlockwise为一个布尔值。为true时,是逆时针方向,否则顺时针方向。代码如下:.原创 2020-09-23 14:24:44 · 977 阅读 · 0 评论