返回列表 发新帖

html5使用canvas绘制一张图片

694.4k 10
swmozowtfl 发表于 2015-7-9 23:19:12|湖北 | 查看全部 阅读模式
<canvas id=canvas width=600 height=500 style=background-color: yellow;></canvas>8 c1 P9 U4 H# f$ \0 j0 i
代码如下:/ ^9 `8 L6 _9 f4 g- P/ f
var canvas=document.getelementbyid(canvas);
# c  K& |0 F2 T+ ?; `! L; Tvar cxt=canvas.getcontext(2d);
5 l9 L$ ]7 w  @  y% [! Fvar img=new image();3 V# d: N" T+ E6 }, |
img.src=cat.jpg;
2 ]7 r( W" p7 N! D  `$ Fcxt.drawimage(img,10,10,490,382);
% c7 L8 h6 V) m7 c3 n" p7 U2 C/*- r( }4 Q7 R6 _& n9 E/ P' k
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
% ]/ }/ v4 n* f7 x. K  d在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊! T) q7 ^" P0 p! {  B! L
.呵呵# B$ f$ G8 W* a# g3 o" g1 _
*/5 O1 t4 P4 _1 ], G
  u+ ]  y) `: l9 j, h  M" G  q! y
                               
登录/注册后可看大图
2 l1 O* {7 c% {  l1 w! i
( `) S; U2 S# C7 H/ o! Z7 m
更多网页制作信息请查看: 网页制作

回复|共 10 个

kwjvtwzx Lv.15 发表于 2015-7-12 11:45:26|法国 | 查看全部
命不能争,运可以造,弱者认命,强者抗命,能者求命,智者造命。
kwjvtwzx Lv.15 发表于 2015-7-12 11:44:58|日本 | 查看全部
我在顶贴~!~
swmozowtfl 楼主Lv.18 发表于 2015-7-12 11:55:39|美国 | 查看全部
看你快沉底了~~~~~~
swmozowtfl 楼主Lv.18 发表于 2015-7-12 11:45:13|INNA | 查看全部
感谢党和人民的关爱~~~
kwjvtwzx Lv.15 发表于 2015-7-12 11:40:09|美国 | 查看全部
真是有你的!
buingeEvineus 发表于 2015-12-31 21:47:11|巴西 | 查看全部
希望这样的好贴多些,再多些!!!
bqtklouu 发表于 2015-12-31 21:45:56|韩国 | 查看全部
命不能争,运可以造,弱者认命,强者抗命,能者求命,智者造命。
tohme 发表于 2015-12-31 21:46:56|美国 | 查看全部
看起来好~~像啊~~~~~
seazvyt 发表于 2015-12-31 21:47:15|美国 | 查看全部
cd:遮~~~~~~
GoodyFouppy 发表于 2015-12-31 21:46:53|保加利亚 | 查看全部
感觉这个论坛的站长太牛B了,好强大啊

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表