思路不作PPT自己用

2017-03-13 23:24:30   0  举报





仅支持查看

AI智能生成

在制作PPT时，我们首先要明确目标，知道我们要传达什么信息，然后根据这个目标来设计我们的PPT。我们可以先从大的框架开始，确定每一页的主题和内容，然后再逐步细化。在设计过程中，我们要注意保持简洁明了，避免过多的文字和复杂的设计。同时，我们也要注意使用恰当的图片和图表来帮助我们更好的传达信息。最后，我们可以通过预览功能来检查我们的PPT是否达到了我们的目标，如果有需要，我们可以进行相应的调整。总的来说，制作PPT是一个需要细心和耐心的过程，但只要我们有明确的目标和恰当的策略，我们就可以制作出一份出色的PPT。

作者其他创作

大纲/内容

后端思路

静态页面

子主题

动态页面

利用返回内容，等待load事件

phantomjs注意事项

变量都要序列话

前端思路

svgBlob

ios限制比android严格

ios会污染

相关实现

mdn

ratilize

题外技巧

如何快速转换css,html文本到dom/cssob而又不污染原有dom

canvas Api

为了避免跨域污染，需要拿出图片的base64进行写

整理mdn

img to base64

ajax

FileReader

xhr.responseType = 'blob';

canvas

ctx.drawImage(domImg, 0, 0);
dataURL = canvas.toDataURL(outputFormat);

如果只是要把屏幕截取出来显示而不上传，那还很好办

上述两个库都适合拿来使用，比如做缩略图

canvas污染

https://developer.mozilla.org/zh-CN/docs/Web/HTML/CORS_enabled_image

尽管不通过 CORS 就可以在画布中使用图片，但是这会污染画布。一旦画布被污染，你就无法读取其数据。例如，你不能再使用画布的 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。

如何写入image到canvas而又不污染canvas

后端

access-control-allow-header

前端

var img = new Image,
    canvas = document.createElement("canvas"),
    ctx = canvas.getContext("2d"),
    src = "http://example.com/image"; // insert image url here

img.crossOrigin = "Anonymous";

img.onload = function() {
    canvas.width = img.width;
    canvas.height = img.height;
    ctx.drawImage( img, 0, 0 );
    localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );
}
img.src = src;
// make sure the load event fires for cached images too
if ( img.complete || img.complete === undefined ) {
    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    img.src = src;
}