![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
文章平均质量分 70
十里夜
每一个问题都是一把锁,你要相信世界上一定有一把钥匙能打开这把锁,你也能找到这把钥匙。
展开
-
canvas-绘制虚线
canvas-绘制虚线 #canvas{ border: 1px solid red; } //获取到canvas元素 var canvas = document.getElementById('canvas');原创 2017-02-06 15:04:26 · 2403 阅读 · 0 评论 -
canvas-文字
canvas-文字 #canvas{ border: 1px solid palevioletred; } window.onload = function (){ //获取到canvas元素 var canvas = document.getElementBy原创 2017-02-06 15:03:18 · 741 阅读 · 0 评论 -
canvas-圆弧
canvas-圆弧 #canvas{ border: 1px solid palevioletred; } window.onload = function (){ //获取到canvas元素 var canvas = document.getElementBy原创 2017-02-06 15:02:06 · 224 阅读 · 0 评论 -
canvas-圆形
canvas-圆形 #canvas{ border: 1px solid palevioletred; } window.onload = function (){ //获取到canvas元素 var canvas = document.getElementBy原创 2017-02-06 15:00:59 · 441 阅读 · 0 评论 -
canvas-矩形
canvas-矩形 #canvas{ border: 1px solid palevioletred; } window.onload = function (){ //获取到canvas元素 var canvas = document.getElementBy原创 2017-02-06 14:59:31 · 287 阅读 · 0 评论 -
canvas-图像放大镜
canvas-放大镜 body{ padding: 0px; margin: 0px; } #canvas{ border: 1px solid red; margin: 100px; }原创 2017-02-06 15:20:18 · 354 阅读 · 0 评论 -
canvas-图像截取
canvas-图像截取 canvas{ border: 1px dashed red; float: left; position: relative; } 截取该区域原创 2017-02-06 15:18:24 · 1431 阅读 · 0 评论 -
canvas-滤镜效果
canvas-滤镜 canvas{ border: 1px solid red; float: left; /* background-color:red; */ } 底片效果 黑白效果 浮雕效果 灰原创 2017-02-06 15:16:23 · 900 阅读 · 0 评论 -
canvas-实例时钟
canvas-clock 你的浏览器不支持该元素!赶紧下载最新版本浏览器或使用其他浏览器! //获取到canvas元素 var canvas = document.getElementById('canvas'); //获取canvas中的画图环境 var context = canv原创 2017-02-06 15:13:33 · 227 阅读 · 0 评论 -
canvas-图像布局填充
canvas-图像布局填充 #canvas{ border: 1px solid palevioletred; } //获取到canvas元素 var canvas = document.getElementById('canvas'); /原创 2017-02-06 15:10:29 · 1894 阅读 · 0 评论 -
canvas-渐变色
canvas-渐变色 #canvas{ border: 1px solid palevioletred; } window.onload = function (){ //获取到canvas元素 var canvas = document.getElementB原创 2017-02-06 15:08:39 · 599 阅读 · 0 评论 -
canvas-视频绘制
canvas-视频绘制 #canvas{ float: left; border: 1px solid palevioletred; } //获取到canvas元素 var canvas原创 2017-02-06 15:07:02 · 1191 阅读 · 0 评论 -
canvas-绘制图像
canvas-绘制图像 #canvas{ border: 1px solid palevioletred; } //获取到canvas元素 var canvas = document.getElementById('canvas'); //获原创 2017-02-06 15:05:40 · 925 阅读 · 0 评论 -
base64编码图片数据存储服务器
base64编码图片数据存储服务器如果直接提交base64编码图片数据,过大的话后台会出现转发错误问题。我在刚开始接触base64编码图片数据时,就是把base64编码图片数据传到后台来解码生成图片。导致生成的图片无法打开,后来才发现其实传到后台的base64编码根本就不完整,导致解码出现问题,无法显示图片。所以,base64编码只能在前端处理。后来查阅资料,看见一个不错的解决方式就是原创 2017-03-06 19:50:45 · 4893 阅读 · 0 评论