当前位置: 首页 > news >正文

外贸做的亚马逊网站是哪个好房屋装修设计培训学校

外贸做的亚马逊网站是哪个好,房屋装修设计培训学校,河北建设工程信息网官方网站,百度竞价排名魏则西事件分析1、 使用canvas绘制图像 什么是图像#xff1f;在js中它就是一个img src””#xff0c;img有两种接收图像信息的方法#xff0c;一个是直接链接到图像地址#xff0c;一个使用base64数据#xff0c;不过这里讨论的是canvas要使用的Image对象。我们有两个…1、  使用canvas绘制图像 什么是图像在js中它就是一个img src””img有两种接收图像信息的方法一个是直接链接到图像地址一个使用base64数据不过这里讨论的是canvas要使用的Image对象。我们有两个方式定义 1在html中定义好然后根据id获取 var imgdocument.getElementById(scream);   2新建image对象 var img new Image();img.onload function(){//在这里面进行对图像对象的操作 ctx.drawImage(img,0,0); };img.src img/6.png;   得到img对象后我们有三种方式在canvas上绘制你想要的图像。 1只定义开始绘制的坐标图像的宽和高取决于原图像文件的大小                  ctx.drawImage(img,10,10);//***第一种三个参数分别是Image,绘制开始的x,y    2定义开始的坐标和绘制的宽和高                     ctx.drawImage(img,100,100,width,height);//***第二种三个参数分别是Image,绘制开始的x,y和拉伸的宽度高度   3切割原图片并绘制到canvas的制定位置                ctx.drawImage(img,sx,sy,sw,sh,200,80,sw,sh);//***第三种三个参数分别是Image,切割原图的开始坐标和宽高绘制开始的x,y和拉伸的宽度高度  附完整的代码            !DOCTYPE html html langzh-cn head meta charsetUTF-8/ script srcjs/jquery-3.3.1.min.js/scriptstylebody{background:black;text-align:center;}#myCanvas{background:white;}#contain{width:100%;height:600px;}#scream{width:100%;}/style/head body img srcimg/7.png idscream hiddendiv idcontaincanvas idmyCanvas/canvas/divscript typetext/javascript $(document).ready(function(){var contain document.getElementById(contain);var cdocument.getElementById(myCanvas);var ctxc.getContext(2d);c.widthcontain.offsetWidth;c.heightcontain.offsetHeight;//***根据容器大小设置宽和高/*从dom元素中获取图像*/var imgdocument.getElementById(scream);ctx.drawImage(img,10,10);//***第一种三个参数分别是Image,绘制开始的x,yvar width img.width;/*新建一个图像元素*/var img new Image();img.onload function(){var sw img.width;var sh img.height;var height width*sh*1.0/sw;ctx.drawImage(img,100,100,width,height);//***第二种三个参数分别是Image,绘制开始的x,y和拉伸的宽度高度var sx sw-width;var sy sh-height;ctx.drawImage(img,sx,sy,sw,sh,200,80,sw,sh);//***第三种三个参数分别是Image,切割原图的开始坐标和宽高绘制开始的x,y和拉伸的宽度高度/*后面设置的是原图的宽和高并不是切割出来的部分的宽和高需要转换*/};img.src img/6.png;//*这个图像请比第一个大一点最好大很多});/script /body /html canvas绘制图像                    参考 Js中获取各种宽度高度的问题 https://www.cnblogs.com/wangkongming/p/6195903.html    转载于:https://www.cnblogs.com/liwxmyself/p/10267012.html
http://wiki.neutronadmin.com/news/109067/

相关文章:

  • 岳阳网站建设哪里有广州市建设和水务局网站
  • 网站整合营销建设哈密建设集团有限责任公司网站
  • 做网站智能工具交换友情链接的注意事项
  • 品牌网站建设小i蝌蚪网站建设上海
  • 怎么创建图片网站做网站里面的内容
  • 成都哪里可以做网站做网站的开发软件是什么
  • 成都百度seo主要做什么工作内容
  • 个人做网站 用什么语言重庆建设厂招聘信息网站
  • 做影视网站版权问题seo整站优化的思路及步骤
  • 北京网站建设手机app电子商务wordpress页面立体效果
  • 电子商务与网站建设做网站的抬头怎么做
  • 小说网站流量怎么做wordpress编辑页面如何修改
  • 昆山市有没有做网站设计的自己做彩票网站简单吗
  • 网站添加可信任站点怎么做南京高端网站建设公司哪家好
  • 订阅号可以做网站链接吗网站开发软件开发流程图
  • 设计彩票网站开发手机上有趣的网站
  • 网站开发 不好 怎么说嵌入式软件开发工具有哪些
  • 菏泽兼职网站建设wordpress整站克隆
  • 惠州3d网站建设全景高德北斗导航
  • 东莞万江网站制作有哪个网站有免费视频素材
  • 上海专业高端网站建设服株洲做网站渠道电话
  • 网站开发环境的意义企业融资规划师证书
  • 现在还有人用asp做网站wordpress adminlte
  • 找外包做网站要多久网站制作容易吗
  • idc网站模板下载潍坊做网站的那家好
  • 网站加载速度莱芜新闻联播直播
  • 手机端网站界面如何做购物小程序源码
  • 开发网站需要什么人员php制作公司网站首页
  • 淮南做网站的公司有哪些h5制作小程序有哪些
  • 网站添加在线qq聊天php做网站基本流程