记录在使用Createjs工作时遇到的问题和学到的知识点

Createjs官方文档链接

  • 让显示对象在当鼠标滑过时变小手:displayObject.cursor = “pointer”;

  • 关于图片跨域的解决办法

    图片跨越问题解决办法原文链接

     很多人用createjs都会出现跨域问题,Uncaught An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.上面这个问题,如果你是双击文件运行报出的(只要地址前缀file:开头的都算),你只需要在环境中打开就可以,比如animateCC你可以选择用ctrl+enter打开,一些前端IDE自带环境的可以直接在IDE里用浏览器打开,什么都没有,你可以选择放到服务器上看。如果在服务器环境上也报这个问题,特别是点击的时候报的问题,你可以这么设置图片:var hitArea = new createjs.Shape();hitArea.graphics.beginFill("#000").drawRect(0,0,92,92);//这里是图片大小bitmap.hitArea = hitArea;凡是点击出的跨域问题上面的方法都能解决。Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.这个问题也是同样的,如果你是双击文件直接打开的(只要地址前缀file:开头的都算),放到环境中就好了,如果还没好,让后台设置一下跨域,后台怎么设置跨域?这个你得问你们公司的后端程序员。No 'Access-Control-Allow-Origin' header is present on the requested resource. Originis therefore not allowed access这个错误只要你放弃使用xhr模式加载,也就是new createjs.LoadQueue(false);括号里面的参数传false就行了,如果一定要用xhr模式加载,那就只能需要服务器允许才可以跨域的,也就是需要你们后端设置。An error has occurred. This is most likely due to security restrictions on WebGL images with local or cross-domain origins这个跨域很明显就是使用了stagegl跨的域,使用stagegl渲染非本地图片必须得到跨域允许,也就是还是需要后端设置。其他的跨域其他的跨域只要不是https跨域,和点击图片跨域,都可以让后台设置解决,后台解决不了就是你们公司后端的问题。
    
  • createjs 斜体字

     let text2 = new createjs.Text("方正黑体简体+XY字母倾斜+shadow!", "italic  35px Times New Roman,方正黑体简体,Serif", "#ff7700");text2.shadow = new createjs.Shadow("#000000", 5, 5, 10);      // 创建一个shadow实例Objectthis.addChild(text2);
    
  • zimjs TextArea 文本输入框水平垂直居中:

    //通过设置textArea.tag.style来设置TextArea的css 样式。
    textArea1  = new TextArea({width:100, height:60,size:30,padding:0,color:'#000000',backgroundColor:'#DAEAF7',wrap:false,maxLength:4}).pos(x-120,y);textArea1.tag.style.textAlign = 'center';textArea1.tag.style.lineHeight = '60px'; //设置lineHeight与height一样大,就垂直居中了 
    textArea.tag.style.textAlign = 'center'; //水平居中,
    

Createjs 学习笔记相关推荐

  1. PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 call

    您的位置 首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 发布: 2017年8月4日 7,195阅读 ...

  2. 容器云原生DevOps学习笔记——第三期:从零搭建CI/CD系统标准化交付流程

    暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...

  3. 容器云原生DevOps学习笔记——第二期:如何快速高质量的应用容器化迁移

    暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...

  4. 2020年Yann Lecun深度学习笔记(下)

    2020年Yann Lecun深度学习笔记(下)

  5. 2020年Yann Lecun深度学习笔记(上)

    2020年Yann Lecun深度学习笔记(上)

  6. 知识图谱学习笔记(1)

    知识图谱学习笔记第一部分,包含RDF介绍,以及Jena RDF API使用 知识图谱的基石:RDF RDF(Resource Description Framework),即资源描述框架,其本质是一个 ...

  7. 计算机基础知识第十讲,计算机文化基础(第十讲)学习笔记

    计算机文化基础(第十讲)学习笔记 采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...

  8. Go 学习推荐 —(Go by example 中文版、Go 构建 Web 应用、Go 学习笔记、Golang常见错误、Go 语言四十二章经、Go 语言高级编程)

    Go by example 中文版 Go 构建 Web 应用 Go 学习笔记:无痕 Go 标准库中文文档 Golang开发新手常犯的50个错误 50 Shades of Go: Traps, Gotc ...

  9. MongoDB学习笔记(入门)

    MongoDB学习笔记(入门) 一.文档的注意事项: 1.  键值对是有序的,如:{ "name" : "stephen", "genda" ...

最新文章

  1. java 构建是什么意思_构建的概念
  2. 区块链智能合约入门:Hello world(2)
  3. apache 创建多端口监听
  4. 趣谈NAT和防火墙的对话+防火墙静态PAT的应用
  5. 对于ssh和hadoop联系讲解和ssh的基本内容
  6. linux nslcd服务,Ubuntu 通过ldap集成AD账号登录(nslcd方式)
  7. “阳光天使”2007全国小姐大赛北京赛区决赛
  8. 程序员的搞笑日常,你们懂得!....
  9. 图的最短路算法(Dijkstra和Floyd-Warshall)
  10. 快手数码手机广告要怎么投放?需要满足什么条件?
  11. 2018 ACM-ICPC 北京站 游记
  12. 【案例练习】17个华丽的UI效果的实现 ,激发你的创造灵感
  13. 项目之: JMSamp、ActiveMQ
  14. 哈尔滨车牌摇号系统遭遇黑客攻击瘫痪
  15. linux每个月清理命令,总结linux清理垃圾命令
  16. GOM客户端插件自动登录源码
  17. mt4下载的2种方式
  18. Chrome浏览器安装主题方法
  19. mediapipe学习-安装编译windows(1)
  20. php发送post请求

热门文章

  1. Typora结束无序列表
  2. Hawk-and-Chicken
  3. MySQL 5.7 表分区技术(二):RANGE分区
  4. linux网络流量走高,linux-流量异常高怎么处理
  5. OSPF规划两大模型:双塔奇兵、犬牙交错
  6. 中粮集团智慧园区网,锐捷用匠心打造工业4.0时代智能工厂
  7. 机器学习的梯度下降中学习率的选取
  8. android 神气插件 自动补全tabnine
  9. Siri语音打电话APP
  10. 设计模式(四) 观察者模式