Canvas globalCompositeOperation API
原创
2021-06-04 17:20:48
161阅读
Canvas createRadialGradient API
原创
2021-06-04 17:20:49
161阅读
Canvas createLinearGradient API
原创
2021-06-04 17:20:50
115阅读
Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个canvas网页元素。 1 2 3 4 <canvas height="200" id="myCanvas" width="400">
转载
2017-03-31 21:55:00
139阅读
2评论
canvas绘图API详解 1.context的状态 矩阵变换属性 当前剪辑区域 context的其他状态属性： strokeStyle, fillStyle, globalAlpha, lineWidth,lineCap, lineJoin, miterLimit,shadowOffsetX, s
转载
2020-05-19 17:02:00
147阅读
2评论
1.字体在canvas中最常见的字体表现形式就是填充字体和
原创
2023-05-31 23:07:25
104阅读
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API
原创
2021-07-20 10:26:10
733阅读
canvas canvas 其实对于HTML来说很简单，只是一个标签元素而已，自己并没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上，拥有绘制路径，矩形，圆，字符以及图像等功能。 所有的标签只是图形的容器，必须使用JavaScript
转载
2015-02-01 13:53:00
81阅读
2评论
windowFunc() { // window作为全局变量，代表了脚本正在运行的窗口，暴露给 Javascript 代码。 let uA = navigator.userAgent.toLowerCase(); // 01. 判断是移动端还是PC端 var mobileOrPc = () => { ...
转载
2021-09-17 12:00:00
48阅读
2评论
JavaScript图形实例：Canvas API
1．Canvas概述 Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。 要使用HTML5在浏览器窗口中绘制图形，首先需要在HTML文档中新建一个canvas网页元素。一般方法如下：
转载
2021-04-27 21:11:10
597阅读
2评论
很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。我们知道canvas的默认宽高是300X150嘛。实际使用的时候当然是自定义一个高宽啦。通常我们会习惯性地在js中通过canvasDom....
转载
2017-08-30 22:43:00
56阅读
2评论
SpriteJS：重新定义CanvasAPI作者｜徐川6月20日，360奇舞团开源了跨终端Canvas绘图库SpriteJS。21日，奇舞团负责人月影在GMTC2018大会上对SpriteJS做了全面的介绍分享，演讲后，我和奇舞团负责人月影以及两名奇舞团的小伙伴一起聊了聊，了解了SpriteJS背后的一些故事。重新定义CanvasAPI2017年下半年，奇舞团接到任务要给360安全团队做数据可视化
原创
2020-12-21 17:02:04
958阅读
很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。我们知道canvas的默认宽高是300X150嘛。实际使用的时候当然是自定义一个高宽啦。通常我们会习惯性地在js中通过canvasDom....
转载
2017-08-30 22:43:00
104阅读
2评论
很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。我们知道canvas的默认宽高是300X150嘛。实际使用的时候当然是自定义一个高宽啦。通常我们会习惯性地在js中通过canvasDom....
转载
2017-08-30 22:43:00
59阅读
2评论
很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。我们知道canvas的默认宽高是300X150嘛。实际使用的时候当然是自定义一个高宽啦。通常我们会习惯性地在js中通过canvasDom....
转载
2017-08-30 22:43:00
52阅读
2评论
什么是 Canvas API?
Canvas API（画布）提供了一个通过 javascript 和 html 的 canvas 元素来在网页上实时绘制图形的方式。可用于动画、游戏、图标、图片编辑等多个方面。
使用前，首先需要新建在网页上新建 canvas 元素。
<canvas id="mycanvas" width="400" height="400">
您的浏览器不支持ca
转载
2021-08-05 12:35:37
8045阅读
在HTML5中有11种组合图形的方式，只要把他们设置到context.globalCompositeOperation中就可以了，我这里做了一个小例子来证明各种图形组合方式的结果
HTML代码很简单，就2个控件，一个是下拉列表，让用户选择组合方式，并且一旦用户做出了选择，就执行js函数draw(id），从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控件就是一
推荐
原创
2012-05-06 08:33:37
2745阅读
点赞
5评论
原文地址：Resize an Image Using Canvas, Drag and Drop and the File API 示例地址：Canvas Resize Demo 原文作者：Dr. Tom Trenka 原文日期： 2013年8月6日 翻译日期： 2013年8月8日 To...
转载
2013-08-08 15:02:00
97阅读
2评论
HTML5的Canvas自带API可以显示阴影效果，主要还是在画布(canvas)的上下文对象(context)上做文章
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>HTML5 Combine Sh
原创
2012-05-06 09:04:17
1274阅读
