canvas绘图白屏或者元素有缺失(高清屏中使用Canvas绘图出现模糊的问题及解决方法)
类别:Web前端 浏览量:2154
时间:2021-10-03 01:57:43 canvas绘图白屏或者元素有缺失
高清屏中使用Canvas绘图出现模糊的问题及解决方法高清屏出现以前,屏幕的一个物理像素就是css所定义的一个逻辑像素(估计那个时候还没有物理像素和逻辑像素的概念)。因此使用下面代码就可以在浏览器中展示一个600x386的Canvas。
<html> <head> <title>Canvas demo</title> <style> * { padding: 0; margin: 0; } html, body { width: 100%; } #canvas { display: block; border: 1px solid red; margin: 10px auto 0; } </style> </head> <body> <canvas id="canvas" width="600" height="386">Canvas is not supported</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.arc(300, 150, 20, 0, Math.PI*2); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); </script> </body> </html>
总结
以上所述是小编给大家介绍的高清屏中使用Canvas绘图出现模糊的问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
您可能感兴趣
- androidjpg图像处理(详解如何使用image-set适配移动端高清屏图片)
- canvas 绘图解决方案(高清屏下canvas重置尺寸引发的问题的解决)
- canvas绘图白屏或者元素有缺失(高清屏中使用Canvas绘图出现模糊的问题及解决方法)
- 被骂欺师灭祖,与郭德纲公开叫板,何云伟改名何沄伟,开始画画了(与郭德纲公开叫板)
- 相声转行影帝,被何晴抛弃,甩10年女友闪婚生子,刘威不靠谱情史(相声转行影帝被何晴抛弃)
- 岳云鹏不说相声,改行演员了 网友 快回来说相声(岳云鹏不说相声)
- 乔欣首演古装大女主,颜值演技双在线(乔欣首演古装大女主)
- 于正又推女性古装大剧 杨蓉乔欣演女配,两位女主成 重头戏(于正又推女性古装大剧)
- 乔欣古装女主戏获热度 作为女主,却没吃到红利(乔欣古装女主戏获热度)
热门推荐
- CSS vertical-align的用法
- css伪元素是属性吗(CSS :befor :after 伪元素的巧妙用法)
- mysql8.0安装版安装详细教程(mysql 8.0.24版本安装配置方法图文教程)
- opencv提取图像轮廓python代码(Python基于opencv调用摄像头获取个人图片的实现方法)
- iframe嵌入页面高度自动适应
- servertemporarilyunavailable(Service Temporarily Unavailable的503错误是怎么回事?)
- pythonhtml文件分析(对Python3 解析html的几种操作方式小结)
- CSS vertical-align的用法
- 小程序可滑动弧形进度条(小程序实现文字循环滚动动画)
- 如何编写错误日志才更容易排查问题